@coveo/atomic 3.47.0 → 3.48.0

package/dist/atomic/p-5ec9bf71.entry.js

@@ -0,0 +1,9 @@
+import{h as n,r as t,g as r}from"./p-ec1c5f46.js";import{buildFacetConditionsManager as e,buildDateRange as i,deserializeRelativeDate as a,buildSearchStatus as o,buildDateFacet as l,buildDateFilter as s,loadDateFacetSetActions as c}from"@coveo/headless/insight";import{H as d,I as h,B as m}from"./p-4a32511f.js";import{M as p}from"./p-c0fbee64.js";import{F as w}from"./p-b3524b97.js";import{p as u}from"./p-dac60354.js";import{r as b}from"./p-e58840b6.js";import{A as g,a as v}from"./p-d75a4630.js";import{C as f,i as y}from"./p-70cc18a1.js";import{B as x}from"./p-677f9c40.js";import{H as k}from"./p-4cab9607.js";import"./p-81d6e743.js";import"./p-1580513b.js";import"@coveo/bueno";import"./p-4573c419.js";import"./p-3df103c1.js";function z(n){if(Object.keys(n).length>1){throw"Depending on multiple facets isn't supported"}const t=Object.entries(n);return t.map((([n,t])=>({parentFacetId:n,condition:j(t)})))}function j(n){return t=>t.some((t=>{if(S(t)){return F(t,n)}if(I(t)){return C(t,n)}return false}))}function F(n,t){const r=D(n);if(!r){return false}return!t||r.value===t}function C(n,t){if(n.state!=="selected"){return false}return!t||n.value===t}function S(n){const t=n;return(t?.children&&Array.isArray(t.children)&&t?.state&&typeof t.state==="string")===true}function D(n){if(!S(n)){return null}if(n.state==="selected"){return n}for(const t of n.children){const n=D(t);if(n!==null){return n}}return null}function I(n){const t=n;return"value"in t&&typeof t.value==="string"&&!("children"in t)}const R=({numberOfValues:t,isCollapsed:r})=>{const e=[];for(let r=0;r<t;r++){e.push(n("div",{class:"bg-neutral mt-4 flex h-5",style:{width:"100%",opacity:"0.5"}}))}return n("div",{part:"placeholder",class:"bg-background border-neutral mb-4 animate-pulse rounded-lg border p-7","aria-hidden":"true"},n("div",{class:"bg-neutral h-8 rounded",style:{width:"75%"}}),!r&&n("div",{class:"mt-7"},e))};function V(n){return`caption-${n}`}function O(n,t,r){return r.t(t,{ns:V(n)})}const M=(t,r)=>n("div",{class:"bg-background border-neutral rounded-lg border p-4",part:"facet"},r);const $=t=>{const r=t.i18n.t(t.label);const e=t.i18n.t("expand-facet",{label:r});const i=t.i18n.t("collapse-facet",{label:r});const a=t.i18n.t("clear-filters",{count:t.numberOfActiveValues});const o=t.i18n.t("clear-filters-for-facet",{count:t.numberOfActiveValues,label:r});return[n(x,{style:"text-transparent",part:"label-button",class:"flex w-full justify-between rounded-none px-2 py-1 text-lg font-bold",ariaLabel:t.isCollapsed?e:i,onClick:()=>t.onToggleCollapse(),ariaExpanded:(!t.isCollapsed).toString(),ref:t.headerRef},n(k,{level:t.headingLevel,class:"truncate"},r),n("atomic-icon",{part:"label-button-icon",class:"ml-4 w-3 shrink-0 self-center",icon:t.isCollapsed?g:v})),t.onClearFilters&&t.numberOfActiveValues>0&&n(x,{style:"text-primary",part:"clear-button",class:"flex max-w-full items-baseline p-2 text-sm",ariaLabel:o,onClick:()=>t.onClearFilters()},n("atomic-icon",{part:"clear-button-icon",class:"mr-1 h-2 w-2",icon:f}),n("span",null,a))]};
+/*!
+ * escape-html
+ * Copyright(c) 2012-2013 TJ Holowaychuk
+ * Copyright(c) 2015 Andreas Lubbe
+ * Copyright(c) 2015 Tiancheng "Timothy" Gu
+ * MIT Licensed
+ */var q=/["'&<>]/;var E=_;function _(n){var t=""+n;var r=q.exec(t);if(!r){return t}var e;var i="";var a=0;var o=0;for(a=r.index;a<t.length;a++){switch(t.charCodeAt(a)){case 34:e="&quot;";break;case 38:e="&amp;";break;case 39:e="&#39;";break;case 60:e="&lt;";break;case 62:e="&gt;";break;default:continue}if(o!==a){i+=t.substring(o,a)}o=a+1;i+=e}return o!==a?i+t.substring(o,a):i}function T(n){return n.replace(/[-[\]/{}()*+?.\\^$|]/g,"\\$&")}function A(n,t=""){const r=E(n);if(t.trim()===""){return r}const e=new RegExp(`(${T(E(t))})`,"i");return E(n).replace(e,'<span part="search-highlight" class="font-bold">$1</span>')}const L=t=>n("span",{title:t.displayValue,part:"value-label",class:`value-label peer-hover:text-error truncate ${t.isSelected||!!t.isExcluded?"font-bold":""}`,innerHTML:A(t.displayValue,t.searchQuery)});const Y=(t,r)=>{const e=t.numberOfResults.toLocaleString(t.i18n.language);const i=t.i18n.t("facet-value",{value:t.displayValue,count:t.numberOfResults,formattedCount:e,interpolation:{escapeValue:false}});let a=t.part??`value-link${t.isSelected?" value-link-selected":""}`;if(t.additionalPart){a+=` ${t.additionalPart}`}return n("li",{key:t.displayValue,class:t.class},n(x,{style:"text-neutral",part:a,onClick:()=>t.onClick(),class:"group flex w-full items-center truncate px-2 py-2.5 text-left focus-visible:outline-none",ariaPressed:t.isSelected.toString(),ariaLabel:i,ref:t.buttonRef},r,n("span",{part:"value-count",class:"value-count"},t.i18n.t("between-parentheses",{text:e}))),t.subList)};const H=({label:t},r)=>n("fieldset",{class:"contents"},n("legend",{class:"sr-only"},t),r);const P=(t,r)=>{if(!t.label){return r}const e=t.i18n.t(t.label);const i=t.query===undefined?t.i18n.t("facet-values",{label:e}):t.i18n.t("facet-search-results",{query:t.query,label:e});return n(H,{label:i},r)};function B(n){const{hasInput:t,hasInputRange:r,searchStatusState:e,facetValues:i}=n;if(!t){return false}if(r){return true}if(!e.hasResults){return false}const a=i.filter((n=>n.numberOfResults||n.state!=="idle"))||[];if(!a.length){return false}return true}class N{constructor(n){this.props=n;this.manualTimeframes=[];this.facetId=this.determineFacetId;this.props.setFacetId(this.facetId);this.manualTimeframes=this.getManualTimeframes();if(this.manualTimeframes.length>0){this.facetForDateRange=this.props.initializeFacetForDateRange(this.currentValues)}if(this.props.withDatePicker){this.facetForDatePicker=this.props.initializeFacetForDatePicker();this.facetForDatePickerDependenciesManager=this.props.buildDependenciesManager(this.facetForDatePicker.state.facetId);this.filter=this.props.initializeFilter()}if(this.facetForDateRange){this.facetForDateRangeDependenciesManager=this.props.buildDependenciesManager(this.facetForDateRange?.state.facetId)}if(this.filter){this.filterDependenciesManager=this.props.buildDependenciesManager(this.filter?.state.facetId)}this.registerFacetToStore()}get determineFacetId(){if(this.props.facetId){return this.props.facetId}if(this.props.bindings.store.state.dateFacets[this.props.field]){return b(`${this.props.field}_`)}return this.props.field}get enabled(){return this.facetForDateRange?.state.enabled??this.filter?.state.enabled??true}get valuesToRender(){return this.facetForDateRange?.state.values.filter((n=>n.numberOfResults||n.state!=="idle"))||[]}get shouldRenderValues(){return!this.hasInputRange&&!!this.valuesToRender.length}get shouldRenderFacet(){return this.shouldRenderInput||this.shouldRenderValues}get shouldRenderInput(){return B({hasInput:this.props.withDatePicker,hasInputRange:this.hasInputRange,searchStatusState:this.props.getSearchStatusState(),facetValues:this.facetForDatePicker?.state?.values||[]})}get hasValues(){if(this.facetForDatePicker?.state.values.length){return true}return!!this.valuesToRender.length}get numberOfSelectedValues(){if(this.filter?.state?.range){return 1}return this.facetForDateRange?.state.values.filter((({state:n})=>n==="selected")).length||0}get hasInputRange(){return!!this.filter?.state.range}get currentValues(){return this.manualTimeframes.map((({period:n,amount:t,unit:r})=>n==="past"?this.props.buildDateRange({start:{period:n,unit:r,amount:t},end:{period:"now"}}):this.props.buildDateRange({start:{period:"now"},end:{period:n,unit:r,amount:t}})))}disconnectedCallback(){if(this.props.host.isConnected){return}this.facetForDateRangeDependenciesManager?.stopWatching();this.facetForDatePickerDependenciesManager?.stopWatching();this.filterDependenciesManager?.stopWatching()}get isHidden(){return!this.shouldRenderFacet||!this.enabled}registerFacetToStore(){const n={label:()=>this.props.bindings.i18n.t(this.props.label),facetId:this.facetId,element:this.props.host,isHidden:()=>this.isHidden};this.props.bindings.store.registerFacet("dateFacets",{...n,format:n=>this.formatFacetValue(n)});y(this.props.host,{...n,hasValues:()=>this.hasValues,numberOfActiveValues:()=>this.numberOfSelectedValues});if(this.filter){this.props.bindings.store.state.dateFacets[this.filter.state.facetId]=this.props.bindings.store.state.dateFacets[this.facetId]}}getManualTimeframes(){return Array.from(this.props.host.querySelectorAll("atomic-timeframe")).map((({label:n,amount:t,unit:r,period:e})=>({label:n,amount:t,unit:r,period:e})))}formatFacetValue(n){try{const t=this.props.deserializeRelativeDate(n.start);const r=t.period==="past"?t:this.props.deserializeRelativeDate(n.end);const e=this.getManualTimeframes().find((n=>n.period===r.period&&n.unit===r.unit&&n.amount===r.amount));if(e?.label){return O(this.props.field,e.label,this.props.bindings.i18n)}return this.props.bindings.i18n.t(`${r.period}-${r.unit}`,{count:r.amount})}catch(t){return this.props.bindings.i18n.t("to",{start:u(n.start).format("YYYY-MM-DD"),end:u(n.end).format("YYYY-MM-DD")})}}renderValues(){return this.renderValuesContainer(this.valuesToRender.map((n=>this.renderValue(n))))}renderValue(t){const r=this.formatFacetValue(t);const e=t.state==="selected";const i=t.state==="excluded";return n(Y,{displayValue:r,isSelected:e,numberOfResults:t.numberOfResults,i18n:this.props.bindings.i18n,onClick:()=>this.facetForDateRange.toggleSingleSelect(t)},n(L,{displayValue:r,isSelected:e,isExcluded:i}))}renderValuesContainer(t){return n(P,{i18n:this.props.bindings.i18n,label:this.props.label},n("ul",{class:"mt-3",part:"values"},t))}renderHeader(t,r,e){return n($,{i18n:this.props.bindings.i18n,label:this.props.label,onClearFilters:()=>{r.focusAfterSearch();if(this.filter?.state.range){this.filter?.clear();return}this.facetForDateRange?.deselectAll()},numberOfActiveValues:this.numberOfSelectedValues,isCollapsed:t,headingLevel:this.props.headingLevel,onToggleCollapse:e,headerRef:n=>r.setTarget(n)})}renderDateInput(){return n("atomic-stencil-facet-date-input",{min:this.props.min,max:this.props.max,bindings:this.props.bindings,label:this.props.label,facetId:this.filter.state.facetId,rangeGetter:()=>this.filter.state.range,rangeSetter:n=>{this.filter.setRange(n)}})}render({hasError:t,firstSearchExecuted:r,isCollapsed:e,headerFocus:i,onToggleCollapse:a}){if(t||!this.enabled){return n(d,null)}if(!r){return n(R,{numberOfValues:this.currentValues.length,isCollapsed:e})}if(!this.shouldRenderFacet){return n(d,null)}return n(M,null,this.renderHeader(e,i,a),!e&&[this.shouldRenderValues&&this.renderValues(),this.shouldRenderInput&&this.renderDateInput()])}}const U='/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */\n@layer properties;\n@layer properties {\n  *, :before, :after, ::backdrop {\n    --tw-translate-x: 0;\n    --tw-translate-y: 0;\n    --tw-translate-z: 0;\n    --tw-scale-x: 1;\n    --tw-scale-y: 1;\n    --tw-scale-z: 1;\n    --tw-rotate-x: initial;\n    --tw-rotate-y: initial;\n    --tw-rotate-z: initial;\n    --tw-skew-x: initial;\n    --tw-skew-y: initial;\n    --tw-space-x-reverse: 0;\n    --tw-divide-y-reverse: 0;\n    --tw-border-style: solid;\n    --tw-gradient-position: initial;\n    --tw-gradient-from: #0000;\n    --tw-gradient-via: #0000;\n    --tw-gradient-to: #0000;\n    --tw-gradient-stops: initial;\n    --tw-gradient-via-stops: initial;\n    --tw-gradient-from-position: 0%;\n    --tw-gradient-via-position: 50%;\n    --tw-gradient-to-position: 100%;\n    --tw-leading: initial;\n    --tw-font-weight: initial;\n    --tw-shadow: 0 0 #0000;\n    --tw-shadow-color: initial;\n    --tw-shadow-alpha: 100%;\n    --tw-inset-shadow: 0 0 #0000;\n    --tw-inset-shadow-color: initial;\n    --tw-inset-shadow-alpha: 100%;\n    --tw-ring-color: initial;\n    --tw-ring-shadow: 0 0 #0000;\n    --tw-inset-ring-color: initial;\n    --tw-inset-ring-shadow: 0 0 #0000;\n    --tw-ring-inset: initial;\n    --tw-ring-offset-width: 0px;\n    --tw-ring-offset-color: #fff;\n    --tw-ring-offset-shadow: 0 0 #0000;\n    --tw-outline-style: solid;\n    --tw-blur: initial;\n    --tw-brightness: initial;\n    --tw-contrast: initial;\n    --tw-grayscale: initial;\n    --tw-hue-rotate: initial;\n    --tw-invert: initial;\n    --tw-opacity: initial;\n    --tw-saturate: initial;\n    --tw-sepia: initial;\n    --tw-drop-shadow: initial;\n    --tw-drop-shadow-color: initial;\n    --tw-drop-shadow-alpha: 100%;\n    --tw-drop-shadow-size: initial;\n    --tw-duration: initial;\n    --tw-ease: initial;\n    --tw-content: "";\n  }\n}\n@layer theme, base, components, utilities;\n@layer theme;\n@layer base {\n  *, ::after, ::before, ::backdrop, ::file-selector-button {\n    box-sizing: border-box;\n    margin: 0;\n    padding: 0;\n    border: 0 solid;\n  }\n  html, :host {\n    line-height: 1.5;\n    -webkit-text-size-adjust: 100%;\n    tab-size: 4;\n    font-family: var(--default-font-family, var(--atomic-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"));\n    font-feature-settings: var(--default-font-feature-settings, normal);\n    font-variation-settings: var(--default-font-variation-settings, normal);\n    -webkit-tap-highlight-color: transparent;\n  }\n  hr {\n    height: 0;\n    color: inherit;\n    border-top-width: 1px;\n  }\n  abbr:where([title]) {\n    -webkit-text-decoration: underline dotted;\n    text-decoration: underline dotted;\n  }\n  h1, h2, h3, h4, h5, h6 {\n    font-size: inherit;\n    font-weight: inherit;\n  }\n  a {\n    color: inherit;\n    -webkit-text-decoration: inherit;\n    text-decoration: inherit;\n  }\n  b, strong {\n    font-weight: bolder;\n  }\n  code, kbd, samp, pre {\n    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",\n    "Courier New", monospace);\n    font-feature-settings: var(--default-mono-font-feature-settings, normal);\n    font-variation-settings: var(--default-mono-font-variation-settings, normal);\n    font-size: 1em;\n  }\n  small {\n    font-size: 80%;\n  }\n  sub, sup {\n    font-size: 75%;\n    line-height: 0;\n    position: relative;\n    vertical-align: baseline;\n  }\n  sub {\n    bottom: -0.25em;\n  }\n  sup {\n    top: -0.5em;\n  }\n  table {\n    text-indent: 0;\n    border-color: inherit;\n    border-collapse: collapse;\n  }\n  :-moz-focusring {\n    outline: auto;\n  }\n  progress {\n    vertical-align: baseline;\n  }\n  summary {\n    display: list-item;\n  }\n  ol, ul, menu {\n    list-style: none;\n  }\n  img, svg, video, canvas, audio, iframe, embed, object {\n    display: block;\n    vertical-align: middle;\n  }\n  img, video {\n    max-width: 100%;\n    height: auto;\n  }\n  button, input, select, optgroup, textarea, ::file-selector-button {\n    font: inherit;\n    font-feature-settings: inherit;\n    font-variation-settings: inherit;\n    letter-spacing: inherit;\n    color: inherit;\n    border-radius: 0;\n    background-color: transparent;\n    opacity: 1;\n  }\n  :where(select:is([multiple], [size])) optgroup {\n    font-weight: bolder;\n  }\n  :where(select:is([multiple], [size])) optgroup option {\n    padding-inline-start: 20px;\n  }\n  ::file-selector-button {\n    margin-inline-end: 4px;\n  }\n  ::placeholder {\n    opacity: 1;\n  }\n  @supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px) {\n    ::placeholder {\n      color: currentcolor;\n    }\n    @supports (color: color-mix(in lab, red, red)) {\n      ::placeholder {\n        color: color-mix(in oklab, currentcolor 50%, transparent);\n      }\n    }\n  }\n  textarea {\n    resize: vertical;\n  }\n  ::-webkit-search-decoration {\n    -webkit-appearance: none;\n  }\n  ::-webkit-date-and-time-value {\n    min-height: 1lh;\n    text-align: inherit;\n  }\n  ::-webkit-datetime-edit {\n    display: inline-flex;\n  }\n  ::-webkit-datetime-edit-fields-wrapper {\n    padding: 0;\n  }\n  ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {\n    padding-block: 0;\n  }\n  ::-webkit-calendar-picker-indicator {\n    line-height: 1;\n  }\n  :-moz-ui-invalid {\n    box-shadow: none;\n  }\n  button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button {\n    appearance: button;\n  }\n  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {\n    height: auto;\n  }\n  [hidden]:where(:not([hidden="until-found"])) {\n    display: none !important;\n  }\n}\n@layer utilities {\n  .\\@container {\n    container-type: inline-size;\n  }\n  .pointer-events-auto {\n    pointer-events: auto;\n  }\n  .pointer-events-none {\n    pointer-events: none;\n  }\n  .collapse {\n    visibility: collapse;\n  }\n  .invisible {\n    visibility: hidden;\n  }\n  .visible {\n    visibility: visible;\n  }\n  .sr-only {\n    position: absolute;\n    width: 1px;\n    height: 1px;\n    padding: 0;\n    margin: -1px;\n    overflow: hidden;\n    clip-path: inset(50%);\n    white-space: nowrap;\n    border-width: 0;\n  }\n  .absolute {\n    position: absolute;\n  }\n  .fixed {\n    position: fixed;\n  }\n  .relative {\n    position: relative;\n  }\n  .static {\n    position: static;\n  }\n  .sticky {\n    position: sticky;\n  }\n  .inset-0 {\n    inset: calc(0.25rem * 0);\n  }\n  .-top-2 {\n    top: calc(0.25rem * -2);\n  }\n  .-top-4 {\n    top: calc(0.25rem * -4);\n  }\n  .top-0 {\n    top: calc(0.25rem * 0);\n  }\n  .top-1\\/2 {\n    top: calc(1/2 * 100%);\n  }\n  .top-6 {\n    top: calc(0.25rem * 6);\n  }\n  .top-\\[4px\\] {\n    top: 4px;\n  }\n  .top-full {\n    top: 100%;\n  }\n  .top-px {\n    top: 1px;\n  }\n  .-right-2 {\n    right: calc(0.25rem * -2);\n  }\n  .right-0 {\n    right: calc(0.25rem * 0);\n  }\n  .right-2 {\n    right: calc(0.25rem * 2);\n  }\n  .right-6 {\n    right: calc(0.25rem * 6);\n  }\n  .right-12 {\n    right: calc(0.25rem * 12);\n  }\n  .right-20 {\n    right: calc(0.25rem * 20);\n  }\n  .right-px {\n    right: 1px;\n  }\n  .bottom-0 {\n    bottom: calc(0.25rem * 0);\n  }\n  .bottom-1 {\n    bottom: calc(0.25rem * 1);\n  }\n  .bottom-2 {\n    bottom: calc(0.25rem * 2);\n  }\n  .bottom-px {\n    bottom: 1px;\n  }\n  .left-0 {\n    left: calc(0.25rem * 0);\n  }\n  .left-1 {\n    left: calc(0.25rem * 1);\n  }\n  .left-2 {\n    left: calc(0.25rem * 2);\n  }\n  .left-\\[15px\\] {\n    left: 15px;\n  }\n  .isolate {\n    isolation: isolate;\n  }\n  .z-0 {\n    z-index: 0;\n  }\n  .z-1 {\n    z-index: 1;\n  }\n  .z-10 {\n    z-index: 10;\n  }\n  .z-9998 {\n    z-index: 9998;\n  }\n  .z-9999 {\n    z-index: 9999;\n  }\n  .order-last {\n    order: 9999;\n  }\n  .col-span-2 {\n    grid-column: span 2 / span 2;\n  }\n  .container {\n    width: 100%;\n  }\n  @media (width >= 1024px) {\n    .container {\n      max-width: 1024px;\n    }\n  }\n  @media (width >= 40rem) {\n    .container {\n      max-width: 40rem;\n    }\n  }\n  @media (width >= 48rem) {\n    .container {\n      max-width: 48rem;\n    }\n  }\n  @media (width >= 64rem) {\n    .container {\n      max-width: 64rem;\n    }\n  }\n  @media (width >= 80rem) {\n    .container {\n      max-width: 80rem;\n    }\n  }\n  @media (width >= 96rem) {\n    .container {\n      max-width: 96rem;\n    }\n  }\n  .container\\! {\n    width: 100% !important;\n  }\n  @media (width >= 1024px) {\n    .container\\! {\n      max-width: 1024px !important;\n    }\n  }\n  @media (width >= 40rem) {\n    .container\\! {\n      max-width: 40rem !important;\n    }\n  }\n  @media (width >= 48rem) {\n    .container\\! {\n      max-width: 48rem !important;\n    }\n  }\n  @media (width >= 64rem) {\n    .container\\! {\n      max-width: 64rem !important;\n    }\n  }\n  @media (width >= 80rem) {\n    .container\\! {\n      max-width: 80rem !important;\n    }\n  }\n  @media (width >= 96rem) {\n    .container\\! {\n      max-width: 96rem !important;\n    }\n  }\n  .m-0 {\n    margin: calc(0.25rem * 0);\n  }\n  .m-2 {\n    margin: calc(0.25rem * 2);\n  }\n  .mx-0 {\n    margin-inline: calc(0.25rem * 0);\n  }\n  .mx-0\\.5 {\n    margin-inline: calc(0.25rem * 0.5);\n  }\n  .mx-1 {\n    margin-inline: calc(0.25rem * 1);\n  }\n  .mx-6 {\n    margin-inline: calc(0.25rem * 6);\n  }\n  .mx-16 {\n    margin-inline: calc(0.25rem * 16);\n  }\n  .mx-auto {\n    margin-inline: auto;\n  }\n  .my-2 {\n    margin-block: calc(0.25rem * 2);\n  }\n  .my-3 {\n    margin-block: calc(0.25rem * 3);\n  }\n  .my-4 {\n    margin-block: calc(0.25rem * 4);\n  }\n  .my-6 {\n    margin-block: calc(0.25rem * 6);\n  }\n  .my-auto {\n    margin-block: auto;\n  }\n  .mt-0 {\n    margin-top: calc(0.25rem * 0);\n  }\n  .mt-1 {\n    margin-top: calc(0.25rem * 1);\n  }\n  .mt-1\\.5 {\n    margin-top: calc(0.25rem * 1.5);\n  }\n  .mt-2 {\n    margin-top: calc(0.25rem * 2);\n  }\n  .mt-2\\.5 {\n    margin-top: calc(0.25rem * 2.5);\n  }\n  .mt-3 {\n    margin-top: calc(0.25rem * 3);\n  }\n  .mt-4 {\n    margin-top: calc(0.25rem * 4);\n  }\n  .mt-6 {\n    margin-top: calc(0.25rem * 6);\n  }\n  .mt-7 {\n    margin-top: calc(0.25rem * 7);\n  }\n  .mt-8 {\n    margin-top: calc(0.25rem * 8);\n  }\n  .mt-10 {\n    margin-top: calc(0.25rem * 10);\n  }\n  .mt-px {\n    margin-top: 1px;\n  }\n  .mr-0 {\n    margin-right: calc(0.25rem * 0);\n  }\n  .mr-0\\.5 {\n    margin-right: calc(0.25rem * 0.5);\n  }\n  .mr-1 {\n    margin-right: calc(0.25rem * 1);\n  }\n  .mr-1\\.5 {\n    margin-right: calc(0.25rem * 1.5);\n  }\n  .mr-2 {\n    margin-right: calc(0.25rem * 2);\n  }\n  .mr-3 {\n    margin-right: calc(0.25rem * 3);\n  }\n  .mr-6 {\n    margin-right: calc(0.25rem * 6);\n  }\n  .mb-0 {\n    margin-bottom: calc(0.25rem * 0);\n  }\n  .mb-1 {\n    margin-bottom: calc(0.25rem * 1);\n  }\n  .mb-2 {\n    margin-bottom: calc(0.25rem * 2);\n  }\n  .mb-3 {\n    margin-bottom: calc(0.25rem * 3);\n  }\n  .mb-4 {\n    margin-bottom: calc(0.25rem * 4);\n  }\n  .mb-6 {\n    margin-bottom: calc(0.25rem * 6);\n  }\n  .ml-0\\.5 {\n    margin-left: calc(0.25rem * 0.5);\n  }\n  .ml-1 {\n    margin-left: calc(0.25rem * 1);\n  }\n  .ml-2 {\n    margin-left: calc(0.25rem * 2);\n  }\n  .ml-4 {\n    margin-left: calc(0.25rem * 4);\n  }\n  .ml-6 {\n    margin-left: calc(0.25rem * 6);\n  }\n  .ml-auto {\n    margin-left: auto;\n  }\n  .box-border {\n    box-sizing: border-box;\n  }\n  .box-content {\n    box-sizing: content-box;\n  }\n  .line-clamp-1 {\n    overflow: hidden;\n    display: -webkit-box;\n    -webkit-box-orient: vertical;\n    -webkit-line-clamp: 1;\n  }\n  .line-clamp-2 {\n    overflow: hidden;\n    display: -webkit-box;\n    -webkit-box-orient: vertical;\n    -webkit-line-clamp: 2;\n  }\n  .line-clamp-3 {\n    overflow: hidden;\n    display: -webkit-box;\n    -webkit-box-orient: vertical;\n    -webkit-line-clamp: 3;\n  }\n  .line-clamp-4 {\n    overflow: hidden;\n    display: -webkit-box;\n    -webkit-box-orient: vertical;\n    -webkit-line-clamp: 4;\n  }\n  .line-clamp-none {\n    overflow: visible;\n    display: block;\n    -webkit-box-orient: horizontal;\n    -webkit-line-clamp: unset;\n  }\n  .block {\n    display: block;\n  }\n  .contents {\n    display: contents;\n  }\n  .flex {\n    display: flex;\n  }\n  .grid {\n    display: grid;\n  }\n  .hidden {\n    display: none;\n  }\n  .inline {\n    display: inline;\n  }\n  .inline-block {\n    display: inline-block;\n  }\n  .inline-flex {\n    display: inline-flex;\n  }\n  .table {\n    display: table;\n  }\n  .table-column {\n    display: table-column;\n  }\n  .aspect-square-\\[auto\\] {\n    aspect-ratio: 1 / 1;\n    height: auto;\n  }\n  @supports not (aspect-ratio: 1 / 1) {\n    .aspect-square-\\[auto\\] {\n      height: auto;\n    }\n  }\n  .aspect-square-\\[auto\\] {\n    aspect-ratio: 1 / 1;\n    height: auto;\n  }\n  @supports not (aspect-ratio: 1 / 1) {\n    .aspect-square-\\[auto\\] {\n      height: auto;\n    }\n  }\n  .aspect-square {\n    aspect-ratio: 1 / 1;\n  }\n  .size-\\[27px\\] {\n    width: 27px;\n    height: 27px;\n  }\n  .h-1 {\n    height: calc(0.25rem * 1);\n  }\n  .h-2 {\n    height: calc(0.25rem * 2);\n  }\n  .h-2\\.5 {\n    height: calc(0.25rem * 2.5);\n  }\n  .h-3 {\n    height: calc(0.25rem * 3);\n  }\n  .h-4 {\n    height: calc(0.25rem * 4);\n  }\n  .h-5 {\n    height: calc(0.25rem * 5);\n  }\n  .h-5\\/6 {\n    height: calc(5/6 * 100%);\n  }\n  .h-6 {\n    height: calc(0.25rem * 6);\n  }\n  .h-7 {\n    height: calc(0.25rem * 7);\n  }\n  .h-8 {\n    height: calc(0.25rem * 8);\n  }\n  .h-9 {\n    height: calc(0.25rem * 9);\n  }\n  .h-10 {\n    height: calc(0.25rem * 10);\n  }\n  .h-12 {\n    height: calc(0.25rem * 12);\n  }\n  .h-\\[2\\.6rem\\] {\n    height: 2.6rem;\n  }\n  .h-\\[9px\\] {\n    height: 9px;\n  }\n  .h-auto {\n    height: auto;\n  }\n  .h-full {\n    height: 100%;\n  }\n  .max-h-96 {\n    max-height: calc(0.25rem * 96);\n  }\n  .min-h-10 {\n    min-height: calc(0.25rem * 10);\n  }\n  .min-lines-2 {\n    min-height: calc(var(--line-height) * 2);\n  }\n  .min-lines-2 {\n    min-height: calc(var(--line-height) * 2);\n  }\n  .min-lines-3 {\n    min-height: calc(var(--line-height) * 3);\n  }\n  .min-lines-3 {\n    min-height: calc(var(--line-height) * 3);\n  }\n  .w-0\\.5 {\n    width: calc(0.25rem * 0.5);\n  }\n  .w-1 {\n    width: calc(0.25rem * 1);\n  }\n  .w-1\\/2 {\n    width: calc(1/2 * 100%);\n  }\n  .w-2 {\n    width: calc(0.25rem * 2);\n  }\n  .w-2\\.5 {\n    width: calc(0.25rem * 2.5);\n  }\n  .w-3 {\n    width: calc(0.25rem * 3);\n  }\n  .w-3\\.5 {\n    width: calc(0.25rem * 3.5);\n  }\n  .w-3\\/5 {\n    width: calc(3/5 * 100%);\n  }\n  .w-4 {\n    width: calc(0.25rem * 4);\n  }\n  .w-5 {\n    width: calc(0.25rem * 5);\n  }\n  .w-5\\/6 {\n    width: calc(5/6 * 100%);\n  }\n  .w-6 {\n    width: calc(0.25rem * 6);\n  }\n  .w-7 {\n    width: calc(0.25rem * 7);\n  }\n  .w-8 {\n    width: calc(0.25rem * 8);\n  }\n  .w-9 {\n    width: calc(0.25rem * 9);\n  }\n  .w-10 {\n    width: calc(0.25rem * 10);\n  }\n  .w-12 {\n    width: calc(0.25rem * 12);\n  }\n  .w-20 {\n    width: calc(0.25rem * 20);\n  }\n  .w-26 {\n    width: calc(0.25rem * 26);\n  }\n  .w-28 {\n    width: calc(0.25rem * 28);\n  }\n  .w-32 {\n    width: calc(0.25rem * 32);\n  }\n  .w-36 {\n    width: calc(0.25rem * 36);\n  }\n  .w-48 {\n    width: calc(0.25rem * 48);\n  }\n  .w-60 {\n    width: calc(0.25rem * 60);\n  }\n  .w-64 {\n    width: calc(0.25rem * 64);\n  }\n  .w-72 {\n    width: calc(0.25rem * 72);\n  }\n  .w-100 {\n    width: calc(0.25rem * 100);\n  }\n  .w-\\[2\\.6rem\\] {\n    width: 2.6rem;\n  }\n  .w-auto {\n    width: auto;\n  }\n  .w-fit {\n    width: fit-content;\n  }\n  .w-full {\n    width: 100%;\n  }\n  .w-max {\n    width: max-content;\n  }\n  .max-w-4\\/5 {\n    max-width: calc(4/5 * 100%);\n  }\n  .max-w-60 {\n    max-width: calc(0.25rem * 60);\n  }\n  .max-w-\\[30ch\\] {\n    max-width: 30ch;\n  }\n  .max-w-full {\n    max-width: 100%;\n  }\n  .max-w-lg {\n    max-width: 32rem;\n  }\n  .max-w-max {\n    max-width: max-content;\n  }\n  .min-w-0 {\n    min-width: calc(0.25rem * 0);\n  }\n  .min-w-10 {\n    min-width: calc(0.25rem * 10);\n  }\n  .min-w-20 {\n    min-width: calc(0.25rem * 20);\n  }\n  .min-w-24 {\n    min-width: calc(0.25rem * 24);\n  }\n  .min-w-full {\n    min-width: 100%;\n  }\n  .flex-1 {\n    flex: 1;\n  }\n  .flex-none {\n    flex: none;\n  }\n  .flex-shrink {\n    flex-shrink: 1;\n  }\n  .flex-shrink-0 {\n    flex-shrink: 0;\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  .items-stretch {\n    align-items: stretch;\n  }\n  .justify-between {\n    justify-content: space-between;\n  }\n  .justify-center {\n    justify-content: center;\n  }\n  .justify-end {\n    justify-content: flex-end;\n  }\n  .gap-0\\.5 {\n    gap: calc(0.25rem * 0.5);\n  }\n  .gap-1 {\n    gap: calc(0.25rem * 1);\n  }\n  .gap-2 {\n    gap: calc(0.25rem * 2);\n  }\n  .gap-3 {\n    gap: calc(0.25rem * 3);\n  }\n  .gap-4 {\n    gap: calc(0.25rem * 4);\n  }\n  .gap-8 {\n    gap: calc(0.25rem * 8);\n  }\n  :where(.space-y-1 > :not(:last-child)) {\n    --tw-space-y-reverse: 0;\n    margin-block-start: calc(calc(0.25rem * 1) * var(--tw-space-y-reverse));\n    margin-block-end: calc(calc(0.25rem * 1) * calc(1 - var(--tw-space-y-reverse)));\n  }\n  .gap-x-1\\.5 {\n    column-gap: calc(0.25rem * 1.5);\n  }\n  .gap-x-2 {\n    column-gap: calc(0.25rem * 2);\n  }\n  .gap-x-4 {\n    column-gap: calc(0.25rem * 4);\n  }\n  :where(.space-x-1\\.5 > :not(:last-child)) {\n    --tw-space-x-reverse: 0;\n    margin-inline-start: calc(calc(0.25rem * 1.5) * var(--tw-space-x-reverse));\n    margin-inline-end: calc(calc(0.25rem * 1.5) * calc(1 - var(--tw-space-x-reverse)));\n  }\n  .gap-y-0\\.5 {\n    row-gap: calc(0.25rem * 0.5);\n  }\n  :where(.divide-y > :not(:last-child)) {\n    --tw-divide-y-reverse: 0;\n    border-bottom-style: var(--tw-border-style);\n    border-top-style: var(--tw-border-style);\n    border-top-width: calc(1px * var(--tw-divide-y-reverse));\n    border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));\n  }\n  :where(.divide-neutral > :not(:last-child)) {\n    border-color: var(--atomic-neutral);\n  }\n  .self-center {\n    align-self: center;\n  }\n  .self-start {\n    align-self: flex-start;\n  }\n  .truncate {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n  .overflow-auto {\n    overflow: auto;\n  }\n  .overflow-hidden {\n    overflow: hidden;\n  }\n  .overflow-x-auto {\n    overflow-x: auto;\n  }\n  .overflow-x-scroll {\n    overflow-x: scroll;\n  }\n  .overflow-y-auto {\n    overflow-y: auto;\n  }\n  .scroll-smooth {\n    scroll-behavior: smooth;\n  }\n  .rounded {\n    border-radius: var(--atomic-border-radius);\n  }\n  .rounded-3xl {\n    border-radius: 1.5rem;\n  }\n  .rounded-full {\n    border-radius: calc(infinity * 1px);\n  }\n  .rounded-lg {\n    border-radius: var(--atomic-border-radius-lg);\n  }\n  .rounded-md {\n    border-radius: var(--atomic-border-radius-md);\n  }\n  .rounded-none {\n    border-radius: 0;\n  }\n  .rounded-sm {\n    border-radius: var(--atomic-border-radius);\n  }\n  .rounded-xl {\n    border-radius: var(--atomic-border-radius-xl);\n  }\n  .rounded-tl-none {\n    border-top-left-radius: 0;\n  }\n  .rounded-r-none {\n    border-top-right-radius: 0;\n    border-bottom-right-radius: 0;\n  }\n  .border {\n    border-style: var(--tw-border-style);\n    border-width: 1px;\n  }\n  .border-0 {\n    border-style: var(--tw-border-style);\n    border-width: 0px;\n  }\n  .border-t {\n    border-top-style: var(--tw-border-style);\n    border-top-width: 1px;\n  }\n  .border-r {\n    border-right-style: var(--tw-border-style);\n    border-right-width: 1px;\n  }\n  .border-b {\n    border-bottom-style: var(--tw-border-style);\n    border-bottom-width: 1px;\n  }\n  .border-b-1 {\n    border-bottom-style: var(--tw-border-style);\n    border-bottom-width: 1px;\n  }\n  .border-l {\n    border-left-style: var(--tw-border-style);\n    border-left-width: 1px;\n  }\n  .border-solid {\n    --tw-border-style: solid;\n    border-style: solid;\n  }\n  .border-gray-200 {\n    border-color: oklch(0.928 0.006 264.531);\n  }\n  .border-neutral {\n    border-color: var(--atomic-neutral);\n  }\n  .border-neutral-dark {\n    border-color: var(--atomic-neutral-dark);\n  }\n  .border-neutral-dim {\n    border-color: var(--atomic-neutral-dim);\n  }\n  .border-primary {\n    border-color: var(--atomic-primary);\n  }\n  .border-primary-light {\n    border-color: var(--atomic-primary-light);\n  }\n  .border-t-neutral {\n    border-top-color: var(--atomic-neutral);\n  }\n  .border-b-neutral {\n    border-bottom-color: var(--atomic-neutral);\n  }\n  .border-b-neutral-dim {\n    border-bottom-color: var(--atomic-neutral-dim);\n  }\n  .border-l-neutral {\n    border-left-color: var(--atomic-neutral);\n  }\n  .border-l-neutral-dim {\n    border-left-color: var(--atomic-neutral-dim);\n  }\n  .bg-\\[\\#F1F2FF\\] {\n    background-color: #F1F2FF;\n  }\n  .bg-\\[rgba\\(40\\,40\\,40\\,0\\.8\\)\\] {\n    background-color: rgba(40,40,40,0.8);\n  }\n  .bg-background {\n    background-color: var(--atomic-background);\n  }\n  .bg-error {\n    background-color: var(--atomic-error);\n  }\n  .bg-gray-50 {\n    background-color: oklch(0.985 0.002 247.839);\n  }\n  .bg-neutral {\n    background-color: var(--atomic-neutral);\n  }\n  .bg-neutral-light {\n    background-color: var(--atomic-neutral-light);\n  }\n  .bg-primary {\n    background-color: var(--atomic-primary);\n  }\n  .bg-primary-background {\n    background-color: var(--atomic-primary-background);\n  }\n  .bg-transparent {\n    background-color: transparent;\n  }\n  .bg-white {\n    background-color: #fff;\n  }\n  .bg-linear-to-l {\n    --tw-gradient-position: to left;\n  }\n  @supports (background-image: linear-gradient(in lab, red, red)) {\n    .bg-linear-to-l {\n      --tw-gradient-position: to left in oklab;\n    }\n  }\n  .bg-linear-to-l {\n    background-image: linear-gradient(var(--tw-gradient-stops));\n  }\n  .bg-linear-to-r {\n    --tw-gradient-position: to right;\n  }\n  @supports (background-image: linear-gradient(in lab, red, red)) {\n    .bg-linear-to-r {\n      --tw-gradient-position: to right in oklab;\n    }\n  }\n  .bg-linear-to-r {\n    background-image: linear-gradient(var(--tw-gradient-stops));\n  }\n  .from-background\\/60 {\n    --tw-gradient-from: color-mix(in srgb, #ffffff 60%, transparent);\n  }\n  @supports (color: color-mix(in lab, red, red)) {\n    .from-background\\/60 {\n      --tw-gradient-from: color-mix(in oklab, var(--atomic-background) 60%, transparent);\n    }\n  }\n  .from-background\\/60 {\n    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\n  }\n  .from-more-results-progress-bar-color-from {\n    --tw-gradient-from: var(\n    --atomic-more-results-progress-bar-color-from,\n    var(--atomic-primary-dark)\n  );\n    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\n  }\n  .to-more-results-progress-bar-color-to {\n    --tw-gradient-to: var(\n    --atomic-more-results-progress-bar-color-to,\n    var(--atomic-primary-light)\n  );\n    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\n  }\n  .fill-current {\n    fill: currentcolor;\n  }\n  .stroke-\\[1\\.25\\] {\n    stroke-width: 1.25;\n  }\n  .object-contain {\n    object-fit: contain;\n  }\n  .p-0 {\n    padding: calc(0.25rem * 0);\n  }\n  .p-1 {\n    padding: calc(0.25rem * 1);\n  }\n  .p-2 {\n    padding: calc(0.25rem * 2);\n  }\n  .p-2\\.5 {\n    padding: calc(0.25rem * 2.5);\n  }\n  .p-3 {\n    padding: calc(0.25rem * 3);\n  }\n  .p-3\\.5 {\n    padding: calc(0.25rem * 3.5);\n  }\n  .p-4 {\n    padding: calc(0.25rem * 4);\n  }\n  .p-6 {\n    padding: calc(0.25rem * 6);\n  }\n  .p-7 {\n    padding: calc(0.25rem * 7);\n  }\n  .p-8 {\n    padding: calc(0.25rem * 8);\n  }\n  .px-1 {\n    padding-inline: calc(0.25rem * 1);\n  }\n  .px-2 {\n    padding-inline: calc(0.25rem * 2);\n  }\n  .px-2\\.5 {\n    padding-inline: calc(0.25rem * 2.5);\n  }\n  .px-3 {\n    padding-inline: calc(0.25rem * 3);\n  }\n  .px-4 {\n    padding-inline: calc(0.25rem * 4);\n  }\n  .px-6 {\n    padding-inline: calc(0.25rem * 6);\n  }\n  .px-7 {\n    padding-inline: calc(0.25rem * 7);\n  }\n  .px-9 {\n    padding-inline: calc(0.25rem * 9);\n  }\n  .py-0\\.5 {\n    padding-block: calc(0.25rem * 0.5);\n  }\n  .py-1 {\n    padding-block: calc(0.25rem * 1);\n  }\n  .py-1\\.5 {\n    padding-block: calc(0.25rem * 1.5);\n  }\n  .py-2 {\n    padding-block: calc(0.25rem * 2);\n  }\n  .py-2\\.5 {\n    padding-block: calc(0.25rem * 2.5);\n  }\n  .py-3 {\n    padding-block: calc(0.25rem * 3);\n  }\n  .py-3\\.5 {\n    padding-block: calc(0.25rem * 3.5);\n  }\n  .py-4 {\n    padding-block: calc(0.25rem * 4);\n  }\n  .py-4\\.5 {\n    padding-block: calc(0.25rem * 4.5);\n  }\n  .py-5 {\n    padding-block: calc(0.25rem * 5);\n  }\n  .py-6 {\n    padding-block: calc(0.25rem * 6);\n  }\n  .pt-0\\.5 {\n    padding-top: calc(0.25rem * 0.5);\n  }\n  .pt-6 {\n    padding-top: calc(0.25rem * 6);\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-4 {\n    padding-right: calc(0.25rem * 4);\n  }\n  .pr-6 {\n    padding-right: calc(0.25rem * 6);\n  }\n  .pr-24 {\n    padding-right: calc(0.25rem * 24);\n  }\n  .pb-1 {\n    padding-bottom: calc(0.25rem * 1);\n  }\n  .pb-3 {\n    padding-bottom: calc(0.25rem * 3);\n  }\n  .pb-4 {\n    padding-bottom: calc(0.25rem * 4);\n  }\n  .pb-5 {\n    padding-bottom: calc(0.25rem * 5);\n  }\n  .pb-6 {\n    padding-bottom: calc(0.25rem * 6);\n  }\n  .pl-0 {\n    padding-left: calc(0.25rem * 0);\n  }\n  .pl-1 {\n    padding-left: calc(0.25rem * 1);\n  }\n  .pl-3 {\n    padding-left: calc(0.25rem * 3);\n  }\n  .pl-7 {\n    padding-left: calc(0.25rem * 7);\n  }\n  .pl-9 {\n    padding-left: calc(0.25rem * 9);\n  }\n  .pl-10 {\n    padding-left: calc(0.25rem * 10);\n  }\n  .text-center {\n    text-align: center;\n  }\n  .text-left {\n    text-align: left;\n  }\n  .align-baseline {\n    vertical-align: baseline;\n  }\n  .align-bottom {\n    vertical-align: bottom;\n  }\n  .align-middle {\n    vertical-align: middle;\n  }\n  .font-sans {\n    font-family: var(--atomic-font-family);\n  }\n  .set-font-size-sm {\n    --font-size: var(--atomic-text-sm);\n    font-size: var(--font-size);\n    --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n    line-height: var(--line-height);\n  }\n  .set-font-size-sm {\n    --font-size: var(--atomic-text-sm);\n    font-size: var(--font-size);\n    --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n    line-height: var(--line-height);\n  }\n  .text-2xl {\n    font-size: var(--atomic-text-2xl);\n    line-height: var(--tw-leading, calc(2 / 1.5));\n  }\n  .text-base {\n    font-size: var(--atomic-text-base);\n    line-height: var(--tw-leading, calc(1.5 / 1));\n  }\n  .text-lg {\n    font-size: var(--atomic-text-lg);\n    line-height: var(--tw-leading, calc(1.75 / 1.125));\n  }\n  .text-sm {\n    font-size: var(--atomic-text-sm);\n    line-height: var(--tw-leading, calc(1.25 / 0.875));\n  }\n  .text-xl {\n    font-size: var(--atomic-text-xl);\n    line-height: var(--tw-leading, calc(1.75 / 1.25));\n  }\n  .text-xs {\n    font-size: 0.75rem;\n    line-height: var(--tw-leading, calc(1 / 0.75));\n  }\n  .text-xs\\/\\[1rem\\] {\n    font-size: 0.75rem;\n    line-height: 1rem;\n  }\n  .leading-4 {\n    --tw-leading: calc(0.25rem * 4);\n    line-height: calc(0.25rem * 4);\n  }\n  .leading-5 {\n    --tw-leading: calc(0.25rem * 5);\n    line-height: calc(0.25rem * 5);\n  }\n  .leading-6 {\n    --tw-leading: calc(0.25rem * 6);\n    line-height: calc(0.25rem * 6);\n  }\n  .leading-8 {\n    --tw-leading: calc(0.25rem * 8);\n    line-height: calc(0.25rem * 8);\n  }\n  .leading-10 {\n    --tw-leading: calc(0.25rem * 10);\n    line-height: calc(0.25rem * 10);\n  }\n  .leading-\\[1\\.5\\] {\n    --tw-leading: 1.5;\n    line-height: 1.5;\n  }\n  .leading-\\[calc\\(1\\/\\.75\\)\\] {\n    --tw-leading: calc(1 / .75);\n    line-height: calc(1 / .75);\n  }\n  .leading-\\[var\\(--line-height\\)\\] {\n    --tw-leading: var(--line-height);\n    line-height: var(--line-height);\n  }\n  .leading-none {\n    --tw-leading: 1;\n    line-height: 1;\n  }\n  .font-bold {\n    --tw-font-weight: var(--atomic-font-bold);\n    font-weight: var(--atomic-font-bold);\n  }\n  .font-light {\n    --tw-font-weight: 300;\n    font-weight: 300;\n  }\n  .font-medium {\n    --tw-font-weight: 500;\n    font-weight: 500;\n  }\n  .font-normal {\n    --tw-font-weight: var(--atomic-font-normal);\n    font-weight: var(--atomic-font-normal);\n  }\n  .font-semibold {\n    --tw-font-weight: 600;\n    font-weight: 600;\n  }\n  .break-words {\n    overflow-wrap: break-word;\n  }\n  .break-all {\n    word-break: break-all;\n  }\n  .break-keep {\n    word-break: keep-all;\n  }\n  .text-ellipsis {\n    text-overflow: ellipsis;\n  }\n  .whitespace-normal {\n    white-space: normal;\n  }\n  .whitespace-nowrap {\n    white-space: nowrap;\n  }\n  .whitespace-pre-wrap {\n    white-space: pre-wrap;\n  }\n  .text-\\[\\#54698D\\] {\n    color: #54698D;\n  }\n  .text-\\[inherit\\] {\n    color: inherit;\n  }\n  .text-black {\n    color: #000;\n  }\n  .text-error {\n    color: var(--atomic-error);\n  }\n  .text-gray-500 {\n    color: oklch(0.551 0.027 264.364);\n  }\n  .text-gray-600 {\n    color: oklch(0.446 0.03 256.802);\n  }\n  .text-gray-700 {\n    color: oklch(0.373 0.034 259.733);\n  }\n  .text-gray-900 {\n    color: oklch(0.21 0.034 264.665);\n  }\n  .text-green-600 {\n    color: oklch(0.627 0.194 149.214);\n  }\n  .text-inline-code {\n    color: var(--atomic-inline-code);\n  }\n  .text-neutral {\n    color: var(--atomic-neutral);\n  }\n  .text-neutral-dark {\n    color: var(--atomic-neutral-dark);\n  }\n  .text-on-background {\n    color: var(--atomic-on-background);\n  }\n  .text-on-primary {\n    color: var(--atomic-on-primary);\n  }\n  .text-primary {\n    color: var(--atomic-primary);\n  }\n  .text-primary-light {\n    color: var(--atomic-primary-light);\n  }\n  .text-rating-icon-active {\n    color: var(--atomic-rating-icon-active-color, #f6ce3c);\n  }\n  .text-rating-icon-inactive {\n    color: var(\n    --atomic-rating-icon-inactive-color,\n    var(--atomic-neutral)\n  );\n  }\n  .text-red-600 {\n    color: oklch(0.577 0.245 27.325);\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-60 {\n    opacity: 60%;\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-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-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-ring-primary {\n    --tw-ring-color: var(--atomic-ring-primary);\n  }\n  .outline {\n    outline-style: var(--tw-outline-style);\n    outline-width: 1px;\n  }\n  .outline-error {\n    outline-color: var(--atomic-error);\n  }\n  .outline-neutral {\n    outline-color: var(--atomic-neutral);\n  }\n  .outline-primary {\n    outline-color: var(--atomic-primary);\n  }\n  .blur {\n    --tw-blur: blur(8px);\n    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\n  }\n  .grayscale {\n    --tw-grayscale: grayscale(100%);\n    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\n  }\n  .invert {\n    --tw-invert: invert(100%);\n    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\n  }\n  .filter {\n    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\n  }\n  .transition {\n    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;\n    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\n    transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\n  }\n  .transition-\\[visibility\\] {\n    transition-property: visibility;\n    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\n    transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\n  }\n  .transition-all {\n    transition-property: all;\n    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\n    transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\n  }\n  .transition-colors {\n    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;\n    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\n    transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\n  }\n  .transition-opacity {\n    transition-property: opacity;\n    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));\n    transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));\n  }\n  .duration-200 {\n    --tw-duration: 200ms;\n    transition-duration: 200ms;\n  }\n  .duration-300 {\n    --tw-duration: 300ms;\n    transition-duration: 300ms;\n  }\n  .duration-500 {\n    --tw-duration: 500ms;\n    transition-duration: 500ms;\n  }\n  .ease-in-out {\n    --tw-ease: cubic-bezier(0.4, 0, 0.2, 1);\n    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  }\n  .\\[grid-area\\:modal\\] {\n    grid-area: modal;\n  }\n  .\\[scrollbar-gutter\\:stable_both-edges\\] {\n    scrollbar-gutter: stable both-edges;\n  }\n  @media (hover: hover) {\n    .group-hover\\:visible:is(:where(.group):hover *) {\n      visibility: visible;\n    }\n  }\n  @media (hover: hover) {\n    .group-hover\\:text-error:is(:where(.group):hover *) {\n      color: var(--atomic-error);\n    }\n  }\n  @media (hover: hover) {\n    .group-hover\\:text-primary:is(:where(.group):hover *) {\n      color: var(--atomic-primary);\n    }\n  }\n  @media (hover: hover) {\n    .group-hover\\:text-primary-light:is(:where(.group):hover *) {\n      color: var(--atomic-primary-light);\n    }\n  }\n  .group-focus\\:text-primary:is(:where(.group):focus *) {\n    color: var(--atomic-primary);\n  }\n  .group-focus\\:text-primary-light:is(:where(.group):focus *) {\n    color: var(--atomic-primary-light);\n  }\n  .group-focus-visible\\:text-error:is(:where(.group):focus-visible *) {\n    color: var(--atomic-error);\n  }\n  .group-focus-visible\\:text-primary:is(:where(.group):focus-visible *) {\n    color: var(--atomic-primary);\n  }\n  .peer-focus-within\\:border-primary-light:is(:where(.peer):focus-within ~ *) {\n    border-color: var(--atomic-primary-light);\n  }\n  .peer-focus-within\\:text-primary-light:is(:where(.peer):focus-within ~ *) {\n    color: var(--atomic-primary-light);\n  }\n  @media (hover: hover) {\n    .peer-hover\\:border-primary-light:is(:where(.peer):hover ~ *) {\n      border-color: var(--atomic-primary-light);\n    }\n  }\n  @media (hover: hover) {\n    .peer-hover\\:text-error:is(:where(.peer):hover ~ *) {\n      color: var(--atomic-error);\n    }\n  }\n  @media (hover: hover) {\n    .peer-hover\\:text-primary-light:is(:where(.peer):hover ~ *) {\n      color: var(--atomic-primary-light);\n    }\n  }\n  .before\\:inline::before {\n    content: var(--tw-content);\n    display: inline;\n  }\n  .before\\:content-\\[\\\'\\,\\\\00a0\\\'\\]::before {\n    --tw-content: \',\\00a0\';\n    content: var(--tw-content);\n  }\n  .after\\:absolute::after {\n    content: var(--tw-content);\n    position: absolute;\n  }\n  .after\\:-bottom-0\\.5::after {\n    content: var(--tw-content);\n    bottom: calc(0.25rem * -0.5);\n  }\n  .after\\:block::after {\n    content: var(--tw-content);\n    display: block;\n  }\n  .after\\:h-1::after {\n    content: var(--tw-content);\n    height: calc(0.25rem * 1);\n  }\n  .after\\:w-full::after {\n    content: var(--tw-content);\n    width: 100%;\n  }\n  .after\\:rounded::after {\n    content: var(--tw-content);\n    border-radius: var(--atomic-border-radius);\n  }\n  .after\\:bg-primary::after {\n    content: var(--tw-content);\n    background-color: var(--atomic-primary);\n  }\n  .focus-within\\:border-disabled:focus-within {\n    border-color: var(--atomic-disabled);\n  }\n  .focus-within\\:border-primary:focus-within {\n    border-color: var(--atomic-primary);\n  }\n  .focus-within\\:ring-3:focus-within {\n    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n  .focus-within\\:ring-neutral:focus-within {\n    --tw-ring-color: var(--atomic-neutral);\n  }\n  .focus-within\\:ring-ring-primary:focus-within {\n    --tw-ring-color: var(--atomic-ring-primary);\n  }\n  @media (hover: hover) {\n    .hover\\:border:hover {\n      border-style: var(--tw-border-style);\n      border-width: 1px;\n    }\n  }\n  @media (hover: hover) {\n    .hover\\:border-error:hover {\n      border-color: var(--atomic-error);\n    }\n  }\n  @media (hover: hover) {\n    .hover\\:border-primary-light:hover {\n      border-color: var(--atomic-primary-light);\n    }\n  }\n  @media (hover: hover) {\n    .hover\\:bg-error:hover {\n      background-color: var(--atomic-error);\n    }\n  }\n  @media (hover: hover) {\n    .hover\\:bg-neutral-light:hover {\n      background-color: var(--atomic-neutral-light);\n    }\n  }\n  @media (hover: hover) {\n    .hover\\:bg-primary-light:hover {\n      background-color: var(--atomic-primary-light);\n    }\n  }\n  @media (hover: hover) {\n    .hover\\:bg-transparent:hover {\n      background-color: transparent;\n    }\n  }\n  @media (hover: hover) {\n    .hover\\:fill-white:hover {\n      fill: #fff;\n    }\n  }\n  @media (hover: hover) {\n    .hover\\:text-error:hover {\n      color: var(--atomic-error);\n    }\n  }\n  @media (hover: hover) {\n    .hover\\:text-primary:hover {\n      color: var(--atomic-primary);\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\\:text-success:hover {\n      color: var(--atomic-success);\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 >= 1024px) {\n    .desktop\\:mt-2 {\n      margin-top: calc(0.25rem * 2);\n    }\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    --tw-content: attr(value);\n    content: var(--tw-content);\n  }\n  .btn-primary {\n    border-radius: var(--atomic-border-radius);\n    background-color: var(--atomic-primary);\n    color: var(--atomic-on-primary);\n  }\n  @media (hover: hover) {\n    .btn-primary:hover {\n      background-color: var(--atomic-primary-light);\n    }\n  }\n  .btn-primary:focus-visible {\n    background-color: var(--atomic-primary-light);\n  }\n  .btn-primary:focus-visible {\n    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n  .btn-primary:focus-visible {\n    --tw-ring-color: var(--atomic-ring-primary);\n  }\n  .btn-primary:focus-visible {\n    --tw-outline-style: none;\n    outline-style: none;\n  }\n  .btn-primary:disabled {\n    cursor: not-allowed;\n  }\n  .btn-primary:disabled {\n    background-color: var(--atomic-disabled);\n  }\n  .btn-outline-primary {\n    border-radius: var(--atomic-border-radius);\n    border-style: var(--tw-border-style);\n    border-width: 1px;\n    border-color: var(--atomic-neutral);\n    background-color: var(--atomic-background);\n    color: var(--atomic-primary);\n  }\n  @media (hover: hover) {\n    .btn-outline-primary:hover {\n      border-color: var(--atomic-primary-light);\n    }\n  }\n  @media (hover: hover) {\n    .btn-outline-primary:hover {\n      color: var(--atomic-primary-light);\n    }\n  }\n  .btn-outline-primary:focus-visible {\n    border-color: var(--atomic-primary);\n  }\n  .btn-outline-primary:focus-visible {\n    color: var(--atomic-primary);\n  }\n  .btn-outline-primary:focus-visible {\n    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n  .btn-outline-primary:focus-visible {\n    --tw-ring-color: var(--atomic-ring-primary);\n  }\n  .btn-outline-primary:focus-visible {\n    --tw-outline-style: none;\n    outline-style: none;\n  }\n  .btn-outline-primary:disabled {\n    cursor: not-allowed;\n  }\n  .btn-outline-primary:disabled {\n    border-color: var(--atomic-neutral);\n  }\n  .btn-outline-primary:disabled {\n    color: var(--atomic-neutral);\n  }\n  .btn-text-primary {\n    border-radius: var(--atomic-border-radius);\n    background-color: var(--atomic-background);\n    color: var(--atomic-primary);\n  }\n  @media (hover: hover) {\n    .btn-text-primary:hover {\n      background-color: var(--atomic-neutral-light);\n    }\n  }\n  .btn-text-primary:focus-visible {\n    background-color: var(--atomic-neutral-light);\n  }\n  .btn-text-primary:focus-visible {\n    --tw-outline-style: none;\n    outline-style: none;\n  }\n  .btn-outline-neutral {\n    border-radius: var(--atomic-border-radius);\n    border-style: var(--tw-border-style);\n    border-width: 1px;\n    border-color: var(--atomic-neutral);\n    background-color: var(--atomic-background);\n    color: var(--atomic-on-background);\n  }\n  @media (hover: hover) {\n    .btn-outline-neutral:hover {\n      border-color: var(--atomic-primary);\n    }\n  }\n  @media (hover: hover) {\n    .btn-outline-neutral:hover {\n      color: var(--atomic-primary);\n    }\n  }\n  .btn-outline-neutral:focus-visible {\n    border-color: var(--atomic-primary);\n  }\n  .btn-outline-neutral:focus-visible {\n    color: var(--atomic-primary);\n  }\n  .btn-outline-neutral:focus-visible {\n    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n  .btn-outline-neutral:focus-visible {\n    --tw-ring-color: var(--atomic-ring-primary);\n  }\n  .btn-outline-neutral:focus-visible {\n    --tw-outline-style: none;\n    outline-style: none;\n  }\n  .btn-outline-neutral:disabled {\n    cursor: not-allowed;\n  }\n  .btn-outline-neutral:disabled {\n    border-color: var(--atomic-neutral);\n  }\n  .btn-outline-neutral:disabled {\n    color: var(--atomic-on-background);\n  }\n  .btn-outline-neutral:disabled {\n    opacity: 50%;\n  }\n  .btn-outline-bg-neutral {\n    border-radius: var(--atomic-border-radius);\n    border-style: var(--tw-border-style);\n    border-width: 1px;\n    border-color: var(--atomic-neutral);\n    background-color: var(--atomic-background);\n    color: var(--atomic-on-background);\n  }\n  @media (hover: hover) {\n    .btn-outline-bg-neutral:hover {\n      border-color: var(--atomic-primary);\n    }\n  }\n  @media (hover: hover) {\n    .btn-outline-bg-neutral:hover {\n      background-color: var(--atomic-neutral-light);\n    }\n  }\n  @media (hover: hover) {\n    .btn-outline-bg-neutral:hover {\n      color: var(--atomic-primary);\n    }\n  }\n  .btn-outline-bg-neutral:focus-visible {\n    border-color: var(--atomic-primary);\n  }\n  .btn-outline-bg-neutral:focus-visible {\n    background-color: var(--atomic-neutral-light);\n  }\n  .btn-outline-bg-neutral:focus-visible {\n    color: var(--atomic-primary);\n  }\n  .btn-outline-bg-neutral:focus-visible {\n    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n  .btn-outline-bg-neutral:focus-visible {\n    --tw-ring-color: var(--atomic-ring-primary);\n  }\n  .btn-outline-bg-neutral:focus-visible {\n    --tw-outline-style: none;\n    outline-style: none;\n  }\n  .btn-outline-bg-neutral:disabled {\n    cursor: not-allowed;\n  }\n  .btn-outline-bg-neutral:disabled {\n    border-color: var(--atomic-neutral);\n  }\n  .btn-outline-bg-neutral:disabled {\n    color: var(--atomic-on-background);\n  }\n  .btn-outline-bg-neutral:disabled {\n    opacity: 50%;\n  }\n  .btn-outline-bg-error {\n    border-radius: var(--atomic-border-radius);\n    border-style: var(--tw-border-style);\n    border-width: 1px;\n    border-color: var(--atomic-neutral);\n    background-color: var(--atomic-background);\n    color: var(--atomic-on-background);\n  }\n  @media (hover: hover) {\n    .btn-outline-bg-error:hover {\n      border-color: var(--atomic-primary);\n    }\n  }\n  @media (hover: hover) {\n    .btn-outline-bg-error:hover {\n      background-color: var(--atomic-neutral-light);\n    }\n  }\n  @media (hover: hover) {\n    .btn-outline-bg-error:hover {\n      color: var(--atomic-primary);\n    }\n  }\n  .btn-outline-bg-error:focus-visible {\n    border-color: var(--atomic-primary);\n  }\n  .btn-outline-bg-error:focus-visible {\n    background-color: var(--atomic-neutral-light);\n  }\n  .btn-outline-bg-error:focus-visible {\n    color: var(--atomic-primary);\n  }\n  .btn-outline-bg-error:focus-visible {\n    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n  .btn-outline-bg-error:focus-visible {\n    --tw-ring-color: var(--atomic-ring-primary);\n  }\n  .btn-outline-bg-error:focus-visible {\n    --tw-outline-style: none;\n    outline-style: none;\n  }\n  .btn-outline-bg-error:disabled {\n    cursor: not-allowed;\n  }\n  .btn-outline-bg-error:disabled {\n    border-color: var(--atomic-neutral);\n  }\n  .btn-outline-bg-error:disabled {\n    color: var(--atomic-on-background);\n  }\n  .btn-outline-bg-error:disabled {\n    opacity: 50%;\n  }\n  .btn-outline-error {\n    border-radius: var(--atomic-border-radius);\n    border-style: var(--tw-border-style);\n    border-width: 1px;\n    border-color: var(--atomic-neutral);\n    background-color: var(--atomic-background);\n    color: var(--atomic-on-background);\n  }\n  @media (hover: hover) {\n    .btn-outline-error:hover {\n      border-color: var(--atomic-error);\n    }\n  }\n  @media (hover: hover) {\n    .btn-outline-error:hover {\n      color: var(--atomic-error);\n    }\n  }\n  .btn-outline-error:focus-visible {\n    border-color: var(--atomic-error);\n  }\n  .btn-outline-error:focus-visible {\n    color: var(--atomic-error);\n  }\n  .btn-outline-error:focus-visible {\n    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n  .btn-outline-error:focus-visible {\n    --tw-ring-color: var(--atomic-ring-primary);\n  }\n  .btn-outline-error:focus-visible {\n    --tw-outline-style: none;\n    outline-style: none;\n  }\n  .btn-outline-error:disabled {\n    cursor: not-allowed;\n  }\n  .btn-outline-error:disabled {\n    border-color: var(--atomic-neutral);\n  }\n  .btn-outline-error:disabled {\n    color: var(--atomic-on-background);\n  }\n  .btn-outline-error:disabled {\n    opacity: 50%;\n  }\n  .btn-text-neutral {\n    border-radius: var(--atomic-border-radius);\n    background-color: var(--atomic-background);\n    color: var(--atomic-on-background);\n  }\n  @media (hover: hover) {\n    .btn-text-neutral:hover {\n      background-color: var(--atomic-neutral-light);\n    }\n  }\n  @media (hover: hover) {\n    .btn-text-neutral:hover {\n      color: var(--atomic-primary);\n    }\n  }\n  .btn-text-neutral:focus-visible {\n    background-color: var(--atomic-neutral-light);\n  }\n  .btn-text-neutral:focus-visible {\n    color: var(--atomic-primary);\n  }\n  .btn-text-neutral:focus-visible {\n    --tw-outline-style: none;\n    outline-style: none;\n  }\n  .btn-text-transparent {\n    color: var(--atomic-on-background);\n  }\n  @media (hover: hover) {\n    .btn-text-transparent:hover {\n      color: var(--atomic-primary-light);\n    }\n  }\n  .btn-text-transparent:focus-visible {\n    color: var(--atomic-primary-light);\n  }\n  .btn-square-neutral {\n    border-style: var(--tw-border-style);\n    border-width: 1px;\n    border-color: var(--atomic-neutral);\n    background-color: var(--atomic-background);\n    color: var(--atomic-on-background);\n  }\n  @media (hover: hover) {\n    .btn-square-neutral:hover {\n      background-color: var(--atomic-neutral-light);\n    }\n  }\n  .btn-square-neutral:focus-visible {\n    background-color: var(--atomic-neutral-light);\n  }\n  .btn-square-neutral:focus-visible {\n    --tw-outline-style: none;\n    outline-style: none;\n  }\n  .btn-page {\n    display: grid;\n    height: calc(0.25rem * 10);\n    width: calc(0.25rem * 10);\n    place-items: center;\n    border-style: var(--tw-border-style);\n    border-width: 0px;\n    font-size: var(--atomic-text-lg);\n    line-height: var(--tw-leading, calc(1.75 / 1.125));\n  }\n  @media (hover: hover) {\n    .btn-page:hover {\n      border-style: var(--tw-border-style);\n      border-width: 1px;\n    }\n  }\n  .btn-page:focus-visible {\n    border-style: var(--tw-border-style);\n    border-width: 1px;\n  }\n  .btn-page.selected {\n    border-style: var(--tw-border-style);\n    border-width: 2px;\n    border-color: var(--atomic-primary);\n    --tw-font-weight: var(--atomic-font-bold);\n    font-weight: var(--atomic-font-bold);\n  }\n}\n@layer base {\n  :host {\n    display: block;\n  }\n  :host, button, input, select {\n    font-family: var(--atomic-font-family);\n    font-size: var(--atomic-text-base);\n    line-height: var(--tw-leading, calc(1.5 / 1));\n    --tw-font-weight: var(--atomic-font-normal);\n    font-weight: var(--atomic-font-normal);\n  }\n  button {\n    cursor: pointer;\n  }\n  :host(.atomic-hidden) {\n    display: none;\n  }\n  .ripple {\n    position: absolute;\n    pointer-events: none;\n    transform: scale(0);\n    border-radius: 50%;\n    animation: ripple var(--animation-duration) linear;\n  }\n  .ripple-relative {\n    position: relative;\n  }\n  .ripple-parent {\n    overflow: hidden;\n  }\n  @keyframes ripple {\n    to {\n      transform: scale(4);\n      opacity: 0;\n    }\n  }\n}\n.value-count {\n  margin-left: calc(0.25rem * 1.5);\n  color: var(--atomic-neutral-dark);\n}\n[part=\'value-exclude-button\'] + .value-count {\n  margin-right: calc(0.25rem * 2);\n}\n:host(.popover-nested) {\n  min-width: 18rem;\n}\n:host(.popover-nested)::part(label-button) {\n  display: none;\n}\n:host(.popover-nested)::part(facet) {\n  --tw-shadow: 0px 2px 8px var(--tw-shadow-color, rgba(229, 232, 232, 0.75));\n  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n}\n:host(.popover-nested)::part(values) {\n  margin-top: calc(0.25rem * 0);\n  max-height: calc(0.25rem * 96);\n  overflow-y: auto;\n}\n:host(.popover-nested)::part(search-wrapper) {\n  margin-bottom: calc(0.25rem * 2);\n}\n@property --tw-translate-x {\n  syntax: "*";\n  inherits: false;\n  initial-value: 0;\n}\n@property --tw-translate-y {\n  syntax: "*";\n  inherits: false;\n  initial-value: 0;\n}\n@property --tw-translate-z {\n  syntax: "*";\n  inherits: false;\n  initial-value: 0;\n}\n@property --tw-scale-x {\n  syntax: "*";\n  inherits: false;\n  initial-value: 1;\n}\n@property --tw-scale-y {\n  syntax: "*";\n  inherits: false;\n  initial-value: 1;\n}\n@property --tw-scale-z {\n  syntax: "*";\n  inherits: false;\n  initial-value: 1;\n}\n@property --tw-rotate-x {\n  syntax: "*";\n  inherits: false;\n}\n@property --tw-rotate-y {\n  syntax: "*";\n  inherits: false;\n}\n@property --tw-rotate-z {\n  syntax: "*";\n  inherits: false;\n}\n@property --tw-skew-x {\n  syntax: "*";\n  inherits: false;\n}\n@property --tw-skew-y {\n  syntax: "*";\n  inherits: false;\n}\n@property --tw-space-y-reverse {\n  syntax: "*";\n  inherits: false;\n  initial-value: 0;\n}\n@property --tw-space-x-reverse {\n  syntax: "*";\n  inherits: false;\n  initial-value: 0;\n}\n@property --tw-divide-y-reverse {\n  syntax: "*";\n  inherits: false;\n  initial-value: 0;\n}\n@property --tw-border-style {\n  syntax: "*";\n  inherits: false;\n  initial-value: solid;\n}\n@property --tw-gradient-position {\n  syntax: "*";\n  inherits: false;\n}\n@property --tw-gradient-from {\n  syntax: "<color>";\n  inherits: false;\n  initial-value: #0000;\n}\n@property --tw-gradient-via {\n  syntax: "<color>";\n  inherits: false;\n  initial-value: #0000;\n}\n@property --tw-gradient-to {\n  syntax: "<color>";\n  inherits: false;\n  initial-value: #0000;\n}\n@property --tw-gradient-stops {\n  syntax: "*";\n  inherits: false;\n}\n@property --tw-gradient-via-stops {\n  syntax: "*";\n  inherits: false;\n}\n@property --tw-gradient-from-position {\n  syntax: "<length-percentage>";\n  inherits: false;\n  initial-value: 0%;\n}\n@property --tw-gradient-via-position {\n  syntax: "<length-percentage>";\n  inherits: false;\n  initial-value: 50%;\n}\n@property --tw-gradient-to-position {\n  syntax: "<length-percentage>";\n  inherits: false;\n  initial-value: 100%;\n}\n@property --tw-leading {\n  syntax: "*";\n  inherits: false;\n}\n@property --tw-font-weight {\n  syntax: "*";\n  inherits: false;\n}\n@property --tw-shadow {\n  syntax: "*";\n  inherits: false;\n  initial-value: 0 0 #0000;\n}\n@property --tw-shadow-color {\n  syntax: "*";\n  inherits: false;\n}\n@property --tw-shadow-alpha {\n  syntax: "<percentage>";\n  inherits: false;\n  initial-value: 100%;\n}\n@property --tw-inset-shadow {\n  syntax: "*";\n  inherits: false;\n  initial-value: 0 0 #0000;\n}\n@property --tw-inset-shadow-color {\n  syntax: "*";\n  inherits: false;\n}\n@property --tw-inset-shadow-alpha {\n  syntax: "<percentage>";\n  inherits: false;\n  initial-value: 100%;\n}\n@property --tw-ring-color {\n  syntax: "*";\n  inherits: false;\n}\n@property --tw-ring-shadow {\n  syntax: "*";\n  inherits: false;\n  initial-value: 0 0 #0000;\n}\n@property --tw-inset-ring-color {\n  syntax: "*";\n  inherits: false;\n}\n@property --tw-inset-ring-shadow {\n  syntax: "*";\n  inherits: false;\n  initial-value: 0 0 #0000;\n}\n@property --tw-ring-inset {\n  syntax: "*";\n  inherits: false;\n}\n@property --tw-ring-offset-width {\n  syntax: "<length>";\n  inherits: false;\n  initial-value: 0px;\n}\n@property --tw-ring-offset-color {\n  syntax: "*";\n  inherits: false;\n  initial-value: #fff;\n}\n@property --tw-ring-offset-shadow {\n  syntax: "*";\n  inherits: false;\n  initial-value: 0 0 #0000;\n}\n@property --tw-outline-style {\n  syntax: "*";\n  inherits: false;\n  initial-value: solid;\n}\n@property --tw-blur {\n  syntax: "*";\n  inherits: false;\n}\n@property --tw-brightness {\n  syntax: "*";\n  inherits: false;\n}\n@property --tw-contrast {\n  syntax: "*";\n  inherits: false;\n}\n@property --tw-grayscale {\n  syntax: "*";\n  inherits: false;\n}\n@property --tw-hue-rotate {\n  syntax: "*";\n  inherits: false;\n}\n@property --tw-invert {\n  syntax: "*";\n  inherits: false;\n}\n@property --tw-opacity {\n  syntax: "*";\n  inherits: false;\n}\n@property --tw-saturate {\n  syntax: "*";\n  inherits: false;\n}\n@property --tw-sepia {\n  syntax: "*";\n  inherits: false;\n}\n@property --tw-drop-shadow {\n  syntax: "*";\n  inherits: false;\n}\n@property --tw-drop-shadow-color {\n  syntax: "*";\n  inherits: false;\n}\n@property --tw-drop-shadow-alpha {\n  syntax: "<percentage>";\n  inherits: false;\n  initial-value: 100%;\n}\n@property --tw-drop-shadow-size {\n  syntax: "*";\n  inherits: false;\n}\n@property --tw-duration {\n  syntax: "*";\n  inherits: false;\n}\n@property --tw-ease {\n  syntax: "*";\n  inherits: false;\n}\n@property --tw-content {\n  syntax: "*";\n  initial-value: "";\n  inherits: false;\n}\n@keyframes spin {\n  to {\n    transform: rotate(360deg);\n  }\n}\n@keyframes pulse {\n  50% {\n    opacity: 0.5;\n  }\n}\n@keyframes spin {\n  to {\n    transform: rotate(360deg);\n  }\n}\n@keyframes pulse {\n  50% {\n    opacity: 0.5;\n  }\n}\n@keyframes spin {\n  to {\n    transform: rotate(360deg);\n  }\n}\n@keyframes pulse {\n  50% {\n    opacity: 0.5;\n  }\n}\n@keyframes spin {\n  to {\n    transform: rotate(360deg);\n  }\n}\n@keyframes pulse {\n  50% {\n    opacity: 0.5;\n  }\n}\n@keyframes spin {\n  to {\n    transform: rotate(360deg);\n  }\n}\n@keyframes pulse {\n  50% {\n    opacity: 0.5;\n  }\n}\n@layer properties {\n  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {\n    *, ::before, ::after, ::backdrop {\n      --tw-translate-x: 0;\n      --tw-translate-y: 0;\n      --tw-translate-z: 0;\n      --tw-scale-x: 1;\n      --tw-scale-y: 1;\n      --tw-scale-z: 1;\n      --tw-rotate-x: initial;\n      --tw-rotate-y: initial;\n      --tw-rotate-z: initial;\n      --tw-skew-x: initial;\n      --tw-skew-y: initial;\n      --tw-space-y-reverse: 0;\n      --tw-space-x-reverse: 0;\n      --tw-divide-y-reverse: 0;\n      --tw-border-style: solid;\n      --tw-gradient-position: initial;\n      --tw-gradient-from: #0000;\n      --tw-gradient-via: #0000;\n      --tw-gradient-to: #0000;\n      --tw-gradient-stops: initial;\n      --tw-gradient-via-stops: initial;\n      --tw-gradient-from-position: 0%;\n      --tw-gradient-via-position: 50%;\n      --tw-gradient-to-position: 100%;\n      --tw-leading: initial;\n      --tw-font-weight: initial;\n      --tw-shadow: 0 0 #0000;\n      --tw-shadow-color: initial;\n      --tw-shadow-alpha: 100%;\n      --tw-inset-shadow: 0 0 #0000;\n      --tw-inset-shadow-color: initial;\n      --tw-inset-shadow-alpha: 100%;\n      --tw-ring-color: initial;\n      --tw-ring-shadow: 0 0 #0000;\n      --tw-inset-ring-color: initial;\n      --tw-inset-ring-shadow: 0 0 #0000;\n      --tw-ring-inset: initial;\n      --tw-ring-offset-width: 0px;\n      --tw-ring-offset-color: #fff;\n      --tw-ring-offset-shadow: 0 0 #0000;\n      --tw-outline-style: solid;\n      --tw-blur: initial;\n      --tw-brightness: initial;\n      --tw-contrast: initial;\n      --tw-grayscale: initial;\n      --tw-hue-rotate: initial;\n      --tw-invert: initial;\n      --tw-opacity: initial;\n      --tw-saturate: initial;\n      --tw-sepia: initial;\n      --tw-drop-shadow: initial;\n      --tw-drop-shadow-color: initial;\n      --tw-drop-shadow-alpha: 100%;\n      --tw-drop-shadow-size: initial;\n      --tw-duration: initial;\n      --tw-ease: initial;\n      --tw-content: "";\n    }\n  }\n}\n';const G=U;var J=undefined&&undefined.__decorate||function(n,t,r,e){var i=arguments.length,a=i<3?t:e===null?e=Object.getOwnPropertyDescriptor(t,r):e,o;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")a=Reflect.decorate(n,t,r,e);else for(var l=n.length-1;l>=0;l--)if(o=n[l])a=(i<3?o(a):i>3?o(t,r,a):o(t,r))||a;return i>3&&a&&Object.defineProperty(t,r,a),a};const K=class{constructor(n){t(this,n);this.label="no-label";this.field="date";this.withDatePicker=false;this.isCollapsed=false;this.headingLevel=0;this.filterFacetCount=true;this.injectionDepth=1e3;this.dependsOn={};this.sortCriteria="descending";this.facetState=undefined;this.facetForDatePickerState=undefined;this.filterState=undefined;this.searchStatusState=undefined;this.error=undefined;this.facetId=undefined;this.label="no-label";this.field="date";this.withDatePicker=false;this.isCollapsed=false;this.headingLevel=0;this.filterFacetCount=true;this.injectionDepth=1e3;this.dependsOn={};this.sortCriteria="descending"}initialize(){this.timeframeFacetCommon=new N({facetId:this.facetId,host:this.host,bindings:this.bindings,label:this.label,field:this.field,headingLevel:this.headingLevel,dependsOn:this.dependsOn,withDatePicker:this.withDatePicker,setFacetId:n=>this.facetId=n,buildDependenciesManager:n=>e(this.bindings.engine,{facetId:n,conditions:z(this.dependsOn)}),buildDateRange:i,getSearchStatusState:()=>this.searchStatusState,deserializeRelativeDate:a,initializeFacetForDatePicker:()=>this.initializeFacetForDatePicker(),initializeFacetForDateRange:n=>this.initializeFacetForDateRange(n),initializeFilter:()=>this.initializeFilter(),sortCriteria:this.sortCriteria});this.searchStatus=o(this.bindings.engine)}get focusTarget(){if(!this.headerFocus){this.headerFocus=new w(this)}return this.headerFocus}disconnectedCallback(){this.timeframeFacetCommon?.disconnectedCallback()}initializeFacetForDatePicker(){this.facetForDatePicker=l(this.bindings.engine,{options:{facetId:`${this.facetId}_input_range`,numberOfValues:1,generateAutomaticRanges:true,field:this.field,filterFacetCount:this.filterFacetCount,injectionDepth:this.injectionDepth}});return this.facetForDatePicker}initializeFacetForDateRange(n){this.facetForDateRange=l(this.bindings.engine,{options:{facetId:this.facetId,field:this.field,currentValues:n,generateAutomaticRanges:false,sortCriteria:"descending",filterFacetCount:this.filterFacetCount,injectionDepth:this.injectionDepth}});return this.facetForDateRange}initializeFilter(){this.filter=s(this.bindings.engine,{options:{facetId:`${this.facetId}_input`,field:this.field}});return this.filter}applyDateInput(){this.facetId&&this.bindings.engine.dispatch(c(this.bindings.engine).deselectAllDateFacetValues(this.facetId))}render(){if(!this.timeframeFacetCommon){return n(R,{numberOfValues:5,isCollapsed:this.isCollapsed})}return this.timeframeFacetCommon.render({hasError:this.searchStatusState.hasError,firstSearchExecuted:this.searchStatusState.firstSearchExecuted,isCollapsed:this.isCollapsed,headerFocus:this.focusTarget,onToggleCollapse:()=>this.isCollapsed=!this.isCollapsed})}get host(){return r(this)}};J([h()],K.prototype,"bindings",void 0);J([m("facetForDateRange")],K.prototype,"facetState",void 0);J([m("facetForDatePicker")],K.prototype,"facetForDatePickerState",void 0);J([m("filter")],K.prototype,"filterState",void 0);J([m("searchStatus")],K.prototype,"searchStatusState",void 0);J([p()],K.prototype,"dependsOn",void 0);K.style=G;export{K as atomic_insight_timeframe_facet};
+//# sourceMappingURL=p-5ec9bf71.entry.js.map

package/dist/atomic/p-5ec9bf71.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["parseDependsOn","dependsOn","Object","keys","length","entries","map","parentFacetId","expectedValue","condition","buildDependsOnCondition","values","some","value","isCategoryFacetValue","matchesCategoryFacetValue","isSimpleFacetValue","matchesSimpleFacetValue","selectedValue","getSelectedCategoryFacetValueRequest","state","request","requestAsRecord","children","Array","isArray","child","asRecord","FacetPlaceholder","numberOfValues","isCollapsed","facetValues","i","push","h","class","style","width","opacity","part","getFieldCaptionNamespace","field","getFieldValueCaption","facetValue","i18n","t","ns","FacetContainer","_","FacetHeader","props","label","expandFacet","collapseFacet","clearFilters","count","numberOfActiveValues","clearFiltersForFacet","Button","ariaLabel","onClick","onToggleCollapse","ariaExpanded","toString","ref","headerRef","Heading","level","headingLevel","icon","ArrowBottomIcon","ArrowTopIcon","onClearFilters","CloseIcon","matchHtmlRegExp","escapeHtml_1","escapeHtml","string","str","match","exec","escape","html","index","lastIndex","charCodeAt","substring","regexEncode","replace","highlightSearchResult","resultValue","searchQuery","sanitizedResult","trim","regex","RegExp","FacetValueLabelHighlight","title","displayValue","isSelected","isExcluded","innerHTML","FacetValueLink","numberOfResults","toLocaleString","language","formattedCount","interpolation","escapeValue","additionalPart","key","ariaPressed","buttonRef","text","subList","FieldsetGroup","FacetValuesGroup","facetDisplayLabel","groupLabel","query","undefined","shouldDisplayInputForFacetRange","facetRange","hasInput","hasInputRange","searchStatusState","hasResults","onlyValuesWithResultsOrActive","filter","TimeframeFacetCommon","constructor","this","manualTimeframes","facetId","determineFacetId","setFacetId","getManualTimeframes","facetForDateRange","initializeFacetForDateRange","currentValues","withDatePicker","facetForDatePicker","initializeFacetForDatePicker","facetForDatePickerDependenciesManager","buildDependenciesManager","initializeFilter","facetForDateRangeDependenciesManager","filterDependenciesManager","registerFacetToStore","bindings","store","dateFacets","randomID","enabled","valuesToRender","shouldRenderValues","shouldRenderFacet","shouldRenderInput","getSearchStatusState","hasValues","numberOfSelectedValues","range","period","amount","unit","buildDateRange","start","end","disconnectedCallback","host","isConnected","stopWatching","isHidden","facetInfo","element","registerFacet","format","formatFacetValue","initializePopover","from","querySelectorAll","startDate","deserializeRelativeDate","relativeDate","timeframe","find","error","parseDate","renderValues","renderValuesContainer","renderValue","toggleSingleSelect","renderHeader","headerFocus","focusAfterSearch","clear","deselectAll","el","setTarget","renderDateInput","min","max","rangeGetter","rangeSetter","setRange","render","hasError","firstSearchExecuted","Hidden","atomicInsightTimeframeFacetCss","AtomicInsightTimeframeFacetStyle0","AtomicInsightTimeframeFacet","filterFacetCount","injectionDepth","sortCriteria","initialize","timeframeFacetCommon","id","buildInsightFacetConditionsManager","engine","conditions","buildInsightDateRange","deserializeInsightRelativeDate","searchStatus","buildInsightSearchStatus","focusTarget","FocusTargetController","buildInsightDateFacet","options","generateAutomaticRanges","buildInsightDateFilter","applyDateInput","dispatch","loadInsightDateFacetSetActions","deselectAllDateFacetValues","__decorate","InitializeBindings","BindStateToController","MapProp"],"sources":["src/components/common/facets/depends-on.ts","src/components/common/facets/facet-placeholder/stencil-facet-placeholder.tsx","src/utils/field-utils.ts","src/components/common/facets/facet-container/stencil-facet-container.tsx","src/components/common/facets/facet-header/stencil-facet-header.tsx","../../node_modules/.pnpm/escape-html@1.0.3/node_modules/escape-html/index.js","src/utils/string-utils.ts","src/components/common/facets/facet-search/facet-search-utils.ts","src/components/common/facets/facet-value-label-highlight/stencil-facet-value-label-highlight.tsx","src/components/common/facets/facet-value-link/stencil-facet-value-link.tsx","src/components/common/stencil-fieldset-group.tsx","src/components/common/facets/facet-values-group/stencil-facet-values-group.tsx","src/components/common/facets/stencil-facet-common.tsx","src/components/common/facets/stencil-timeframe-facet-common.tsx","src/components/insight/atomic-insight-timeframe-facet/atomic-insight-timeframe-facet.pcss?tag=atomic-insight-timeframe-facet&encapsulation=shadow","src/components/insight/atomic-insight-timeframe-facet/atomic-insight-timeframe-facet.tsx"],"sourcesContent":["type GenericCondition<AnyFacetValueRequest> = {\n  parentFacetId: string;\n  condition(parentValues: AnyFacetValueRequest[]): boolean;\n};\n\ninterface SimpleFacetValue {\n  value: string;\n  state: string;\n}\n\ninterface CategoryFacetValue extends SimpleFacetValue {\n  children: SimpleFacetValue[];\n}\n\nexport function parseDependsOn<\n  FacetValue extends SimpleFacetValue | CategoryFacetValue,\n>(dependsOn: Record<string, string>): GenericCondition<FacetValue>[] {\n  if (Object.keys(dependsOn).length > 1) {\n    throw \"Depending on multiple facets isn't supported\";\n  }\n\n  const entries = Object.entries(dependsOn);\n  return entries.map(([parentFacetId, expectedValue]) => ({\n    parentFacetId,\n    condition: buildDependsOnCondition<FacetValue>(expectedValue),\n  }));\n}\n\nfunction buildDependsOnCondition<\n  FacetValue extends SimpleFacetValue | CategoryFacetValue,\n>(expectedValue: string): (values: FacetValue[]) => boolean {\n  return (values: FacetValue[]) =>\n    values.some((value) => {\n      if (isCategoryFacetValue(value)) {\n        return matchesCategoryFacetValue(\n          value as CategoryFacetValue,\n          expectedValue\n        );\n      }\n      if (isSimpleFacetValue(value)) {\n        return matchesSimpleFacetValue(\n          value as SimpleFacetValue,\n          expectedValue\n        );\n      }\n      return false;\n    });\n}\n\nfunction matchesCategoryFacetValue<FacetValue extends CategoryFacetValue>(\n  value: FacetValue,\n  expectedValue: string\n): boolean {\n  const selectedValue = getSelectedCategoryFacetValueRequest(value);\n  if (!selectedValue) {\n    return false;\n  }\n  return !expectedValue || selectedValue.value === expectedValue;\n}\n\nfunction matchesSimpleFacetValue(\n  value: SimpleFacetValue,\n  expectedValue: string\n): boolean {\n  if (value.state !== 'selected') {\n    return false;\n  }\n  return !expectedValue || value.value === expectedValue;\n}\n\nfunction isCategoryFacetValue(request: unknown): request is CategoryFacetValue {\n  const requestAsRecord = request as Record<string, unknown>;\n  return (\n    (requestAsRecord?.children &&\n      Array.isArray(requestAsRecord.children) &&\n      requestAsRecord?.state &&\n      typeof requestAsRecord.state === 'string') === true\n  );\n}\n\nfunction getSelectedCategoryFacetValueRequest(\n  value: unknown\n): CategoryFacetValue | null {\n  if (!isCategoryFacetValue(value)) {\n    return null;\n  }\n  if (value.state === 'selected') {\n    return value;\n  }\n  for (const child of value.children) {\n    const selectedValue = getSelectedCategoryFacetValueRequest(child);\n    if (selectedValue !== null) {\n      return selectedValue;\n    }\n  }\n  return null;\n}\n\nfunction isSimpleFacetValue(value: unknown): value is SimpleFacetValue {\n  const asRecord = value as Record<string, unknown>;\n  return (\n    'value' in asRecord &&\n    typeof asRecord.value === 'string' &&\n    !('children' in asRecord)\n  );\n}\n","import {FunctionalComponent, h} from '@stencil/core';\n\ninterface FacetPlaceholderProps {\n  numberOfValues: number;\n  isCollapsed: boolean;\n}\n\n/**\n * @deprecated should only be used for Stencil components.\n */\nexport const FacetPlaceholder: FunctionalComponent<FacetPlaceholderProps> = ({\n  numberOfValues,\n  isCollapsed,\n}) => {\n  const facetValues = [];\n  for (let i = 0; i < numberOfValues; i++) {\n    facetValues.push(\n      <div\n        class=\"bg-neutral mt-4 flex h-5\"\n        style={{width: '100%', opacity: '0.5'}}\n      ></div>\n    );\n  }\n\n  return (\n    <div\n      part=\"placeholder\"\n      class=\"bg-background border-neutral mb-4 animate-pulse rounded-lg border p-7\"\n      aria-hidden=\"true\"\n    >\n      <div class=\"bg-neutral h-8 rounded\" style={{width: '75%'}}></div>\n      {!isCollapsed && <div class=\"mt-7\">{facetValues}</div>}\n    </div>\n  );\n};\n","import type {i18n} from 'i18next';\n\nfunction getFieldCaptionNamespace(field: string) {\n  return `caption-${field}`;\n}\n\nexport function getFieldCaptions(field: string, i18n: i18n) {\n  return (\n    i18n.getResourceBundle(i18n.language, getFieldCaptionNamespace(field)) || {}\n  );\n}\n\nexport function getFieldValueCaption(\n  field: string,\n  facetValue: string,\n  i18n: i18n\n) {\n  return i18n.t(facetValue, {\n    ns: getFieldCaptionNamespace(field),\n  });\n}\n","import {FunctionalComponent, h} from '@stencil/core';\n\n/**\n * @deprecated should only be used for Stencil components.\n */\nexport const FacetContainer: FunctionalComponent = (_, children) => (\n  <div class=\"bg-background border-neutral rounded-lg border p-4\" part=\"facet\">\n    {children}\n  </div>\n);\n","import {FunctionalComponent, h} from '@stencil/core';\nimport {i18n} from 'i18next';\nimport ArrowBottomIcon from '../../../../images/arrow-bottom-rounded.svg';\nimport ArrowTopIcon from '../../../../images/arrow-top-rounded.svg';\nimport CloseIcon from '../../../../images/close.svg';\nimport {Button} from '../../stencil-button';\nimport {Heading} from '../../stencil-heading';\n\ninterface FacetHeaderProps {\n  i18n: i18n;\n  label: string;\n  numberOfActiveValues: number;\n  isCollapsed: boolean;\n  headingLevel: number;\n  onToggleCollapse(): void;\n  onClearFilters?(): void;\n  headerRef?: (element?: HTMLButtonElement) => void;\n}\n\n/**\n * @deprecated should only be used for Stencil components.\n */\nexport const FacetHeader: FunctionalComponent<FacetHeaderProps> = (props) => {\n  const label = props.i18n.t(props.label);\n  const expandFacet = props.i18n.t('expand-facet', {label});\n  const collapseFacet = props.i18n.t('collapse-facet', {label});\n  const clearFilters = props.i18n.t('clear-filters', {\n    count: props.numberOfActiveValues,\n  });\n  const clearFiltersForFacet = props.i18n.t('clear-filters-for-facet', {\n    count: props.numberOfActiveValues,\n    label,\n  });\n\n  return [\n    <Button\n      style=\"text-transparent\"\n      part=\"label-button\"\n      class=\"flex w-full justify-between rounded-none px-2 py-1 text-lg font-bold\"\n      ariaLabel={props.isCollapsed ? expandFacet : collapseFacet}\n      onClick={() => props.onToggleCollapse()}\n      ariaExpanded={(!props.isCollapsed).toString()}\n      ref={props.headerRef}\n    >\n      <Heading level={props.headingLevel} class=\"truncate\">\n        {label}\n      </Heading>\n      <atomic-icon\n        part=\"label-button-icon\"\n        class=\"ml-4 w-3 shrink-0 self-center\"\n        icon={props.isCollapsed ? ArrowBottomIcon : ArrowTopIcon}\n      ></atomic-icon>\n    </Button>,\n    props.onClearFilters && props.numberOfActiveValues > 0 && (\n      <Button\n        style=\"text-primary\"\n        part=\"clear-button\"\n        class=\"flex max-w-full items-baseline p-2 text-sm\"\n        ariaLabel={clearFiltersForFacet}\n        onClick={() => props.onClearFilters!()}\n      >\n        <atomic-icon\n          part=\"clear-button-icon\"\n          class=\"mr-1 h-2 w-2\"\n          icon={CloseIcon}\n        ></atomic-icon>\n        <span>{clearFilters}</span>\n      </Button>\n    ),\n  ];\n};\n","/*!\n * escape-html\n * Copyright(c) 2012-2013 TJ Holowaychuk\n * Copyright(c) 2015 Andreas Lubbe\n * Copyright(c) 2015 Tiancheng \"Timothy\" Gu\n * MIT Licensed\n */\n\n'use strict';\n\n/**\n * Module variables.\n * @private\n */\n\nvar matchHtmlRegExp = /[\"'&<>]/;\n\n/**\n * Module exports.\n * @public\n */\n\nmodule.exports = escapeHtml;\n\n/**\n * Escape special characters in the given string of html.\n *\n * @param  {string} string The string to escape for inserting into HTML\n * @return {string}\n * @public\n */\n\nfunction escapeHtml(string) {\n  var str = '' + string;\n  var match = matchHtmlRegExp.exec(str);\n\n  if (!match) {\n    return str;\n  }\n\n  var escape;\n  var html = '';\n  var index = 0;\n  var lastIndex = 0;\n\n  for (index = match.index; index < str.length; index++) {\n    switch (str.charCodeAt(index)) {\n      case 34: // \"\n        escape = '&quot;';\n        break;\n      case 38: // &\n        escape = '&amp;';\n        break;\n      case 39: // '\n        escape = '&#39;';\n        break;\n      case 60: // <\n        escape = '&lt;';\n        break;\n      case 62: // >\n        escape = '&gt;';\n        break;\n      default:\n        continue;\n    }\n\n    if (lastIndex !== index) {\n      html += str.substring(lastIndex, index);\n    }\n\n    lastIndex = index + 1;\n    html += escape;\n  }\n\n  return lastIndex !== index\n    ? html + str.substring(lastIndex, index)\n    : html;\n}\n","export function regexEncode(value: string): string {\n  return value.replace(/[-[\\]/{}()*+?.\\\\^$|]/g, '\\\\$&');\n}\n\nexport function encodeForDomAttribute(str: string) {\n  return str\n    .split('')\n    .map((ch) => (ch.match(/(\\d|\\w)+/g) ? ch : ch.charCodeAt(0)))\n    .join('');\n}\n","import escapeHtml from 'escape-html';\nimport {regexEncode} from '../../../../utils/string-utils';\n\ninterface FacetSearchState {\n  query: string;\n  values: unknown[];\n  isLoading: boolean;\n}\n\n/**\n * Meant to be used inside the `shouldUpdate` lifecycle method.\n * It prevents updating the facet between two matchless facet searches.\n * It also prevents updating the facet until the first search has loaded.\n */\nexport function shouldUpdateFacetSearchComponent(\n  nextFacetSearchState: FacetSearchState,\n  prevFacetSearchState: FacetSearchState\n) {\n  const hasQuery = nextFacetSearchState.query !== '';\n  const stillNoValues =\n    !nextFacetSearchState.values.length && !prevFacetSearchState.values.length;\n  const hasFinishedLoading =\n    !nextFacetSearchState.isLoading && prevFacetSearchState.isLoading;\n\n  if (hasQuery && stillNoValues) {\n    return hasFinishedLoading;\n  }\n\n  return true;\n}\n\nexport function shouldDisplaySearchResults(facetSearchState: FacetSearchState) {\n  const hasQuery = facetSearchState.query !== '';\n  const isLoading = facetSearchState.isLoading;\n  const hasValues = !!facetSearchState.values.length;\n\n  if (!hasQuery) {\n    return false;\n  }\n\n  if (hasValues) {\n    return true;\n  }\n\n  return !isLoading;\n}\n\nexport function highlightSearchResult(resultValue: string, searchQuery = '') {\n  const sanitizedResult = escapeHtml(resultValue);\n\n  if (searchQuery.trim() === '') {\n    return sanitizedResult;\n  }\n\n  const regex = new RegExp(`(${regexEncode(escapeHtml(searchQuery))})`, 'i');\n  return escapeHtml(resultValue).replace(\n    regex,\n    '<span part=\"search-highlight\" class=\"font-bold\">$1</span>'\n  );\n}\n","import {FunctionalComponent, h} from '@stencil/core';\nimport {highlightSearchResult} from '../facet-search/facet-search-utils';\n\ninterface FacetValueLabelHighlightProps {\n  displayValue: string;\n  searchQuery?: string;\n  isSelected: boolean;\n  isExcluded?: boolean;\n}\n\n/**\n * @deprecated should only be used for Stencil components.\n */\nexport const FacetValueLabelHighlight: FunctionalComponent<\n  FacetValueLabelHighlightProps\n> = (props) => {\n  return (\n    // deepcode ignore ReactSetInnerHtml: This is not React code\n    <span\n      title={props.displayValue}\n      part=\"value-label\"\n      class={`value-label peer-hover:text-error truncate ${\n        props.isSelected || !!props.isExcluded ? 'font-bold' : ''\n      }`}\n      innerHTML={highlightSearchResult(props.displayValue, props.searchQuery)}\n    ></span>\n  );\n};\n","import {FunctionalComponent, h, VNode} from '@stencil/core';\nimport {Button} from '../../stencil-button';\nimport {FacetValueProps} from '../stencil-facet-common';\n\ninterface FacetValueLinkProps extends FacetValueProps {\n  subList?: VNode | VNode[];\n}\n\n/**\n * @deprecated should only be used for Stencil components.\n */\nexport const FacetValueLink: FunctionalComponent<FacetValueLinkProps> = (\n  props,\n  children\n) => {\n  const count = props.numberOfResults.toLocaleString(props.i18n.language);\n  const ariaLabel = props.i18n.t('facet-value', {\n    value: props.displayValue,\n    count: props.numberOfResults,\n    formattedCount: count,\n    interpolation: {escapeValue: false},\n  });\n\n  let part =\n    props.part ?? `value-link${props.isSelected ? ' value-link-selected' : ''}`;\n\n  if (props.additionalPart) {\n    part += ` ${props.additionalPart}`;\n  }\n\n  return (\n    <li key={props.displayValue} class={props.class}>\n      <Button\n        style=\"text-neutral\"\n        part={part}\n        onClick={() => props.onClick()}\n        class=\"group flex w-full items-center truncate px-2 py-2.5 text-left focus-visible:outline-none\"\n        ariaPressed={props.isSelected.toString()}\n        ariaLabel={ariaLabel}\n        ref={props.buttonRef}\n      >\n        {children}\n        <span part=\"value-count\" class=\"value-count\">\n          {props.i18n.t('between-parentheses', {\n            text: count,\n          })}\n        </span>\n      </Button>\n      {props.subList}\n    </li>\n  );\n};\n","import {h, FunctionalComponent} from '@stencil/core';\n\ninterface GroupProps {\n  label: string;\n}\n\n/**\n * @deprecated should only be used for Stencil components.\n */\nexport const FieldsetGroup: FunctionalComponent<GroupProps> = (\n  {label},\n  children\n) => (\n  <fieldset class=\"contents\">\n    <legend class=\"sr-only\">{label}</legend>\n    {children}\n  </fieldset>\n);\n","import {h, FunctionalComponent} from '@stencil/core';\nimport {i18n} from 'i18next';\nimport {FieldsetGroup} from '../../stencil-fieldset-group';\n\ninterface FacetValuesGroupProps {\n  i18n: i18n;\n  label?: string;\n  query?: string;\n}\n\n/**\n * @deprecated should only be used for Stencil components.\n */\nexport const FacetValuesGroup: FunctionalComponent<FacetValuesGroupProps> = (\n  props,\n  children\n) => {\n  if (!props.label) {\n    return children;\n  }\n  const facetDisplayLabel = props.i18n.t(props.label);\n  const groupLabel =\n    props.query === undefined\n      ? props.i18n.t('facet-values', {label: facetDisplayLabel})\n      : props.i18n.t('facet-search-results', {\n          query: props.query,\n          label: facetDisplayLabel,\n        });\n\n  return <FieldsetGroup label={groupLabel}>{children}</FieldsetGroup>;\n};\n","import {FacetValue, SearchStatusState} from '@coveo/headless';\nimport {i18n} from 'i18next';\nimport { AtomicAutomaticFacetGenerator } from '../../search/atomic-automatic-facet-generator/atomic-automatic-facet-generator';\n\nexport interface FacetValueProps {\n  i18n: i18n;\n  displayValue: string;\n  numberOfResults: number;\n  isSelected: boolean;\n  onClick(): void;\n  searchQuery?: string;\n  class?: string;\n  part?: string;\n  additionalPart?: string;\n  buttonRef?: (element?: HTMLButtonElement) => void;\n}\n\nexport function shouldDisplayInputForFacetRange(facetRange: {\n  hasInput: boolean;\n  hasInputRange: boolean;\n  searchStatusState: SearchStatusState;\n  facetValues: Pick<FacetValue, 'numberOfResults' | 'state'>[];\n}) {\n  const {hasInput, hasInputRange, searchStatusState, facetValues} = facetRange;\n  if (!hasInput) {\n    return false;\n  }\n\n  if (hasInputRange) {\n    return true;\n  }\n\n  if (!searchStatusState.hasResults) {\n    return false;\n  }\n\n  const onlyValuesWithResultsOrActive =\n    facetValues.filter(\n      (value) => value.numberOfResults || value.state !== 'idle'\n    ) || [];\n\n  if (!onlyValuesWithResultsOrActive.length) {\n    return false;\n  }\n\n  return true;\n}\n\nexport type BaseFacetElement = HTMLElement & {\n  facetId: string;\n  isCollapsed: boolean;\n};\n\nexport function sortFacetVisibility(\n  facetElements: BaseFacetElement[],\n  facetInfoMap: Record<string, {isHidden: () => boolean}>\n) {\n  const visibleFacets: BaseFacetElement[] = [];\n  const invisibleFacets: BaseFacetElement[] = [];\n\n  facetElements.forEach((facet) => {\n    if (facetInfoMap[facet.facetId] && facetInfoMap[facet.facetId].isHidden()) {\n      invisibleFacets.push(facet);\n    } else {\n      visibleFacets.push(facet);\n    }\n  });\n\n  return {visibleFacets, invisibleFacets};\n}\n\nexport function collapseFacetsAfter(\n  facets: BaseFacetElement[],\n  visibleFacetsCount: number\n) {\n  if (visibleFacetsCount === -1) {\n    return;\n  }\n\n  facets.forEach((facet, index) => {\n    facet.isCollapsed = index + 1 > visibleFacetsCount;\n  });\n}\n\nexport function isAutomaticFacetGenerator(\n  element: HTMLElement\n): element is AtomicAutomaticFacetGenerator {\n  return element.tagName === 'ATOMIC-AUTOMATIC-FACET-GENERATOR';\n}\n\nfunction isPseudoFacet(el: Element): el is BaseFacetElement {\n  return 'facetId' in el;\n}\n\nexport function getFacetsInChildren(parent: HTMLElement): BaseFacetElement[] {\n  const facets = Array.from(parent.children).filter((child) =>\n    isPseudoFacet(child)\n  ) as BaseFacetElement[];\n\n  return facets;\n}\nexport function getAutomaticFacetGenerator(\n  parent: HTMLElement\n): AtomicAutomaticFacetGenerator | undefined {\n  return (Array.from(parent.children) as HTMLElement[]).find(\n    isAutomaticFacetGenerator\n  );\n}\n\nfunction findFacetParent(\n  facet: BaseFacetElement,\n  parents: (HTMLElement | null)[]\n) {\n  for (let i = 0; i < parents.length; i++) {\n    if (parents[i]?.contains(facet)) {\n      return parents[i];\n    }\n  }\n  return null;\n}\n\n/**\n * Triage elements by their parents.\n * @param facets Facet Elements\n * @param parents Elements that may contains the facets\n * @returns an array in the same order as the parents, containing the facets that are contained by the corresponding parent.\n * The last element of the array contains the facets that are not contained by any of the parents.\n */\nexport function triageFacetsByParents(\n  facets: BaseFacetElement[],\n  ...parents: (HTMLElement | null)[]\n): Map<HTMLElement | null, BaseFacetElement[]> {\n  const sortedFacets: Map<HTMLElement | null, BaseFacetElement[]> = new Map(\n    parents.concat([null]).map((parent) => [parent, []])\n  );\n  for (const facet of facets) {\n    const parent = findFacetParent(facet, parents);\n    sortedFacets.get(parent)!.push(facet);\n  }\n  return sortedFacets;\n}\n","import {FocusTargetController} from '@/src/utils/stencil-accessibility-utils';\nimport {\n  DateFacet,\n  DateFacetValue,\n  DateFilter,\n  DateRangeOptions,\n  DateRangeRequest,\n  FacetConditionsManager,\n  RangeFacetSortCriterion,\n  RelativeDate,\n  RelativeDatePeriod,\n  RelativeDateUnit,\n  SearchStatusState,\n} from '@coveo/headless';\nimport {h, VNode} from '@stencil/core';\nimport {parseDate} from '../../../utils/date-utils';\nimport {getFieldValueCaption} from '../../../utils/field-utils';\nimport {randomID} from '../../../utils/utils';\nimport {InsightBindings} from '../../insight/atomic-insight-interface/atomic-insight-interface';\nimport {Bindings as SearchBindings} from '../../search/atomic-search-interface/atomic-search-interface';\nimport {Hidden} from '../stencil-hidden';\nimport {FacetInfo} from './facet-common-store';\nimport {FacetContainer} from './facet-container/stencil-facet-container';\nimport {FacetHeader} from './facet-header/stencil-facet-header';\nimport {FacetPlaceholder} from './facet-placeholder/stencil-facet-placeholder';\nimport {FacetValueLabelHighlight} from './facet-value-label-highlight/stencil-facet-value-label-highlight';\nimport {FacetValueLink} from './facet-value-link/stencil-facet-value-link';\nimport {FacetValuesGroup} from './facet-values-group/stencil-facet-values-group';\nimport {initializePopover} from './popover/popover-type';\nimport {shouldDisplayInputForFacetRange} from './stencil-facet-common';\n\nexport interface Timeframe {\n  period: RelativeDatePeriod;\n  unit?: RelativeDateUnit;\n  amount?: number;\n  label?: string;\n}\n\ninterface TimeframeFacetCommonOptions {\n  facetId?: string;\n  host: HTMLElement;\n  bindings: SearchBindings | InsightBindings;\n  label: string;\n  field: string;\n  headingLevel: number;\n  dependsOn: Record<string, string>;\n  withDatePicker: boolean;\n  setFacetId(id: string): string;\n  getSearchStatusState(): SearchStatusState;\n  buildDependenciesManager(facetId: string): FacetConditionsManager;\n  deserializeRelativeDate(date: string): RelativeDate;\n  buildDateRange(config: DateRangeOptions): DateRangeRequest;\n  initializeFacetForDatePicker(): DateFacet;\n  initializeFacetForDateRange(values: DateRangeRequest[]): DateFacet;\n  initializeFilter(): DateFilter;\n  min?: string;\n  max?: string;\n  sortCriteria: RangeFacetSortCriterion;\n}\n\ninterface TimeframeFacetCommonRenderProps {\n  hasError: boolean;\n  firstSearchExecuted: boolean;\n  isCollapsed: boolean;\n  headerFocus: FocusTargetController;\n  onToggleCollapse: () => boolean;\n}\n\nexport class TimeframeFacetCommon {\n  private facetId?: string;\n  private facetForDatePicker?: DateFacet;\n  private facetForDateRange?: DateFacet;\n  private filter?: DateFilter;\n  private manualTimeframes: Timeframe[] = [];\n  private facetForDateRangeDependenciesManager?: FacetConditionsManager;\n  private facetForDatePickerDependenciesManager?: FacetConditionsManager;\n  private filterDependenciesManager?: FacetConditionsManager;\n\n  constructor(private props: TimeframeFacetCommonOptions) {\n    this.facetId = this.determineFacetId;\n    this.props.setFacetId(this.facetId);\n\n    this.manualTimeframes = this.getManualTimeframes();\n\n    // Initialize two facets: One that is actually used to display values for end users, which only exists\n    // if we need to display something to the end user (ie: timeframes > 0)\n\n    // A second facet is initialized only to verify the results count. It is never used to display results to end user.\n    // It serves as a way to determine if the input should be rendered or not, independent of the ranges configured in the component\n    if (this.manualTimeframes.length > 0) {\n      this.facetForDateRange = this.props.initializeFacetForDateRange(\n        this.currentValues\n      );\n    }\n\n    if (this.props.withDatePicker) {\n      this.facetForDatePicker = this.props.initializeFacetForDatePicker();\n      this.facetForDatePickerDependenciesManager =\n        this.props.buildDependenciesManager(\n          this.facetForDatePicker.state.facetId\n        );\n      this.filter = this.props.initializeFilter();\n    }\n\n    if (this.facetForDateRange) {\n      this.facetForDateRangeDependenciesManager =\n        this.props.buildDependenciesManager(\n          this.facetForDateRange?.state.facetId\n        );\n    }\n\n    if (this.filter) {\n      this.filterDependenciesManager = this.props.buildDependenciesManager(\n        this.filter?.state.facetId\n      );\n    }\n\n    this.registerFacetToStore();\n  }\n\n  private get determineFacetId() {\n    if (this.props.facetId) {\n      return this.props.facetId;\n    }\n\n    if (this.props.bindings.store.state.dateFacets[this.props.field]) {\n      return randomID(`${this.props.field}_`);\n    }\n\n    return this.props.field;\n  }\n\n  private get enabled() {\n    return (\n      this.facetForDateRange?.state.enabled ??\n      this.filter?.state.enabled ??\n      true\n    );\n  }\n\n  private get valuesToRender() {\n    return (\n      this.facetForDateRange?.state.values.filter(\n        (value) => value.numberOfResults || value.state !== 'idle'\n      ) || []\n    );\n  }\n\n  private get shouldRenderValues() {\n    return !this.hasInputRange && !!this.valuesToRender.length;\n  }\n\n  private get shouldRenderFacet() {\n    return this.shouldRenderInput || this.shouldRenderValues;\n  }\n\n  private get shouldRenderInput() {\n    return shouldDisplayInputForFacetRange({\n      hasInput: this.props.withDatePicker,\n      hasInputRange: this.hasInputRange,\n      searchStatusState: this.props.getSearchStatusState(),\n      facetValues: this.facetForDatePicker?.state?.values || [],\n    });\n  }\n\n  private get hasValues() {\n    if (this.facetForDatePicker?.state.values.length) {\n      return true;\n    }\n\n    return !!this.valuesToRender.length;\n  }\n\n  private get numberOfSelectedValues() {\n    if (this.filter?.state?.range) {\n      return 1;\n    }\n\n    return (\n      this.facetForDateRange?.state.values.filter(\n        ({state}) => state === 'selected'\n      ).length || 0\n    );\n  }\n\n  private get hasInputRange() {\n    return !!this.filter?.state.range;\n  }\n\n  public get currentValues(): DateRangeRequest[] {\n    return this.manualTimeframes.map(({period, amount, unit}) =>\n      period === 'past'\n        ? this.props.buildDateRange({\n            start: {period, unit, amount},\n            end: {period: 'now'},\n          })\n        : this.props.buildDateRange({\n            start: {period: 'now'},\n            end: {period, unit, amount},\n          })\n    );\n  }\n\n  public disconnectedCallback() {\n    if (this.props.host.isConnected) {\n      return;\n    }\n    this.facetForDateRangeDependenciesManager?.stopWatching();\n    this.facetForDatePickerDependenciesManager?.stopWatching();\n    this.filterDependenciesManager?.stopWatching();\n  }\n\n  private get isHidden() {\n    return !this.shouldRenderFacet || !this.enabled;\n  }\n\n  private registerFacetToStore() {\n    const facetInfo: FacetInfo = {\n      label: () => this.props.bindings.i18n.t(this.props.label),\n      facetId: this.facetId!,\n      element: this.props.host,\n      isHidden: () => this.isHidden,\n    };\n\n    this.props.bindings.store.registerFacet('dateFacets', {\n      ...facetInfo,\n      format: (value) => this.formatFacetValue(value),\n    });\n\n    initializePopover(this.props.host, {\n      ...facetInfo,\n      hasValues: () => this.hasValues,\n      numberOfActiveValues: () => this.numberOfSelectedValues,\n    });\n\n    if (this.filter) {\n      this.props.bindings.store.state.dateFacets[this.filter.state.facetId] =\n        this.props.bindings.store.state.dateFacets[this.facetId!];\n    }\n  }\n\n  private getManualTimeframes(): Timeframe[] {\n    return Array.from(this.props.host.querySelectorAll('atomic-timeframe')).map(\n      ({label, amount, unit, period}) => ({\n        label,\n        amount,\n        unit,\n        period,\n      })\n    );\n  }\n\n  private formatFacetValue(facetValue: DateFacetValue) {\n    try {\n      const startDate = this.props.deserializeRelativeDate(facetValue.start);\n      const relativeDate =\n        startDate.period === 'past'\n          ? startDate\n          : this.props.deserializeRelativeDate(facetValue.end);\n      const timeframe = this.getManualTimeframes().find(\n        (timeframe) =>\n          timeframe.period === relativeDate.period &&\n          timeframe.unit === relativeDate.unit &&\n          timeframe.amount === relativeDate.amount\n      );\n\n      if (timeframe?.label) {\n        return getFieldValueCaption(\n          this.props.field,\n          timeframe.label,\n          this.props.bindings.i18n\n        );\n      }\n      return this.props.bindings.i18n.t(\n        `${relativeDate.period}-${relativeDate.unit}`,\n        {\n          count: relativeDate.amount,\n        }\n      );\n    } catch (error) {\n      return this.props.bindings.i18n.t('to', {\n        start: parseDate(facetValue.start).format('YYYY-MM-DD'),\n        end: parseDate(facetValue.end).format('YYYY-MM-DD'),\n      });\n    }\n  }\n  private renderValues() {\n    return this.renderValuesContainer(\n      this.valuesToRender.map((value) => this.renderValue(value))\n    );\n  }\n  private renderValue(facetValue: DateFacetValue) {\n    const displayValue = this.formatFacetValue(facetValue);\n    const isSelected = facetValue.state === 'selected';\n    const isExcluded = facetValue.state === 'excluded';\n    return (\n      <FacetValueLink\n        displayValue={displayValue}\n        isSelected={isSelected}\n        numberOfResults={facetValue.numberOfResults}\n        i18n={this.props.bindings.i18n}\n        onClick={() => this.facetForDateRange!.toggleSingleSelect(facetValue)}\n      >\n        <FacetValueLabelHighlight\n          displayValue={displayValue}\n          isSelected={isSelected}\n          isExcluded={isExcluded}\n        ></FacetValueLabelHighlight>\n      </FacetValueLink>\n    );\n  }\n\n  private renderValuesContainer(children: VNode[]) {\n    return (\n      <FacetValuesGroup\n        i18n={this.props.bindings.i18n}\n        label={this.props.label}\n      >\n        <ul class=\"mt-3\" part=\"values\">\n          {children}\n        </ul>\n      </FacetValuesGroup>\n    );\n  }\n\n  private renderHeader(\n    isCollapsed: boolean,\n    headerFocus: FocusTargetController,\n    onToggleCollapse: () => void\n  ) {\n    return (\n      <FacetHeader\n        i18n={this.props.bindings.i18n}\n        label={this.props.label}\n        onClearFilters={() => {\n          headerFocus.focusAfterSearch();\n          if (this.filter?.state.range) {\n            this.filter?.clear();\n            return;\n          }\n          this.facetForDateRange?.deselectAll();\n        }}\n        numberOfActiveValues={this.numberOfSelectedValues}\n        isCollapsed={isCollapsed}\n        headingLevel={this.props.headingLevel}\n        onToggleCollapse={onToggleCollapse}\n        headerRef={(el) => headerFocus.setTarget(el)}\n      ></FacetHeader>\n    );\n  }\n\n  private renderDateInput() {\n    return (\n      <atomic-stencil-facet-date-input\n        min={this.props.min}\n        max={this.props.max}\n        bindings={this.props.bindings}\n        label={this.props.label}\n        facetId={this.filter!.state!.facetId}\n        rangeGetter={() => this.filter!.state.range}\n        rangeSetter={(request: DateRangeRequest) => {\n          this.filter!.setRange(request);\n        }}\n      ></atomic-stencil-facet-date-input>\n    );\n  }\n\n  public render({\n    hasError,\n    firstSearchExecuted,\n    isCollapsed,\n    headerFocus,\n    onToggleCollapse,\n  }: TimeframeFacetCommonRenderProps) {\n    if (hasError || !this.enabled) {\n      return <Hidden></Hidden>;\n    }\n\n    if (!firstSearchExecuted) {\n      return (\n        <FacetPlaceholder\n          numberOfValues={this.currentValues.length}\n          isCollapsed={isCollapsed}\n        ></FacetPlaceholder>\n      );\n    }\n\n    if (!this.shouldRenderFacet) {\n      return <Hidden></Hidden>;\n    }\n\n    return (\n      <FacetContainer>\n        {this.renderHeader(isCollapsed, headerFocus, onToggleCollapse)}\n        {!isCollapsed && [\n          this.shouldRenderValues && this.renderValues(),\n          this.shouldRenderInput && this.renderDateInput(),\n        ]}\n      </FacetContainer>\n    );\n  }\n}\n","@import '../../common/facets/facet-common.pcss';\n","import {\n  buildDateFacet as buildInsightDateFacet,\n  buildDateFilter as buildInsightDateFilter,\n  buildDateRange as buildInsightDateRange,\n  buildFacetConditionsManager as buildInsightFacetConditionsManager,\n  buildSearchStatus as buildInsightSearchStatus,\n  deserializeRelativeDate as deserializeInsightRelativeDate,\n  DateFacet as InsightDateFacet,\n  DateFacetState as InsightDateFacetState,\n  DateFilter as InsightDateFilter,\n  DateFilterState as InsightDateFilterState,\n  DateRangeRequest as InsightDateRangeRequest,\n  SearchStatus as InsightSearchStatus,\n  SearchStatusState as InsightSearchStatusState,\n  loadDateFacetSetActions as loadInsightDateFacetSetActions,\n  RangeFacetSortCriterion as InsightRangeFacetSortCriterion,\n  FacetValueRequest as InsightFacetValueRequest,\n  CategoryFacetValueRequest as InsightCategoryFacetValueRequest,\n} from '@coveo/headless/insight';\nimport {Component, Element, h, Listen, Prop, State} from '@stencil/core';\nimport {\n  BindStateToController,\n  InitializableComponent,\n  InitializeBindings,\n} from '../../../utils/initialization-utils';\nimport {MapProp} from '../../../utils/props-utils';\nimport {FocusTargetController} from '../../../utils/stencil-accessibility-utils';\nimport {parseDependsOn} from '../../common/facets/depends-on';\nimport {FacetPlaceholder} from '../../common/facets/facet-placeholder/stencil-facet-placeholder';\nimport {TimeframeFacetCommon} from '../../common/facets/stencil-timeframe-facet-common';\nimport {InsightBindings} from '../atomic-insight-interface/atomic-insight-interface';\n\n/**\n * @internal\n */\n@Component({\n  tag: 'atomic-insight-timeframe-facet',\n  styleUrl: './atomic-insight-timeframe-facet.pcss',\n  shadow: true,\n})\nexport class AtomicInsightTimeframeFacet\n  implements InitializableComponent<InsightBindings>\n{\n  @InitializeBindings() public bindings!: InsightBindings;\n  public facetForDateRange?: InsightDateFacet;\n  public facetForDatePicker?: InsightDateFacet;\n\n  private timeframeFacetCommon?: TimeframeFacetCommon;\n  public filter?: InsightDateFilter;\n  public searchStatus!: InsightSearchStatus;\n  @Element() private host!: HTMLElement;\n\n  @BindStateToController('facetForDateRange')\n  @State()\n  public facetState!: InsightDateFacetState;\n  @BindStateToController('facetForDatePicker')\n  @State()\n  public facetForDatePickerState?: InsightDateFacetState;\n  @BindStateToController('filter')\n  @State()\n  public filterState?: InsightDateFilterState;\n  @BindStateToController('searchStatus')\n  @State()\n  public searchStatusState!: InsightSearchStatusState;\n  @State() public error!: Error;\n\n  /**\n   * Specifies a unique identifier for the facet.\n   */\n  @Prop({mutable: true, reflect: true}) public facetId?: string;\n  /**\n   * The non-localized label for the facet.\n   * Used in the atomic-breadbox component through the bindings store.\n   */\n  @Prop({reflect: true}) public label = 'no-label';\n  /**\n   * The field whose values you want to display in the facet.\n   */\n  @Prop({reflect: true}) public field = 'date';\n  /**\n   * Whether this facet should contain a date picker allowing users to set custom ranges.\n   */\n  @Prop({reflect: true}) public withDatePicker = false;\n  /**\n   * Specifies if the facet is collapsed.\n   */\n  @Prop({reflect: true, mutable: true}) public isCollapsed = false;\n  /**\n   * The [heading level](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/Heading_Elements) to use for the heading over the facet, from 1 to 6.\n   */\n  @Prop({reflect: true}) public headingLevel = 0;\n  /**\n   * Whether to exclude the parents of folded results when estimating the result count for each facet value.\n   *\n   *\n   * Note: Resulting count is only an estimation, in some cases this value could be incorrect.\n   */\n  @Prop({reflect: true}) public filterFacetCount = true;\n  /**\n   * The maximum number of results to scan in the index to ensure that the facet lists all potential facet values.\n   * Note: A high injectionDepth may negatively impact the facet request performance.\n   * Minimum: `0`\n   * Default: `1000`\n   */\n  @Prop({reflect: true}) public injectionDepth = 1000;\n\n  /**\n   * The required facets and values for this facet to be displayed.\n   * Examples:\n   * ```html\n   * <atomic-insight-facet facet-id=\"abc\" field=\"objecttype\" ...></atomic-insight-facet>\n   *\n   * <!-- To show the facet when any value is selected in the facet with id \"abc\": -->\n   * <atomic-insight-timeframe-facet\n   *   depends-on-abc\n   *   ...\n   * ></atomic-insight-timeframe-facet>\n   *\n   * <!-- To show the facet when value \"doc\" is selected in the facet with id \"abc\": -->\n   * <atomic-insight-timeframe-facet\n   *   depends-on-abc=\"doc\"\n   *   ...\n   * ></atomic-insight-timeframe-facet>\n   * ```\n   */\n  @MapProp() @Prop() public dependsOn: Record<string, string> = {};\n\n  /**\n   * The sort criterion to apply to the returned facet values.\n   * Possible values are 'ascending' and 'descending'.\n   */\n  @Prop({reflect: true}) public sortCriteria: InsightRangeFacetSortCriterion =\n    'descending';\n\n  private headerFocus?: FocusTargetController;\n\n  public initialize() {\n    this.timeframeFacetCommon = new TimeframeFacetCommon({\n      facetId: this.facetId,\n      host: this.host,\n      bindings: this.bindings,\n      label: this.label,\n      field: this.field,\n      headingLevel: this.headingLevel,\n      dependsOn: this.dependsOn,\n      withDatePicker: this.withDatePicker,\n      setFacetId: (id: string) => (this.facetId = id),\n      buildDependenciesManager: (facetId: string) =>\n        buildInsightFacetConditionsManager(this.bindings.engine, {\n          facetId,\n          conditions: parseDependsOn<\n            InsightFacetValueRequest | InsightCategoryFacetValueRequest\n          >(this.dependsOn),\n        }),\n      buildDateRange: buildInsightDateRange,\n      getSearchStatusState: () => this.searchStatusState,\n      deserializeRelativeDate: deserializeInsightRelativeDate,\n      initializeFacetForDatePicker: () => this.initializeFacetForDatePicker(),\n      initializeFacetForDateRange: (values: InsightDateRangeRequest[]) =>\n        this.initializeFacetForDateRange(values),\n      initializeFilter: () => this.initializeFilter(),\n      sortCriteria: this.sortCriteria,\n    });\n    this.searchStatus = buildInsightSearchStatus(this.bindings.engine);\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  public disconnectedCallback() {\n    this.timeframeFacetCommon?.disconnectedCallback();\n  }\n\n  private initializeFacetForDatePicker() {\n    this.facetForDatePicker = buildInsightDateFacet(this.bindings.engine, {\n      options: {\n        facetId: `${this.facetId}_input_range`,\n        numberOfValues: 1,\n        generateAutomaticRanges: true,\n        field: this.field,\n        filterFacetCount: this.filterFacetCount,\n        injectionDepth: this.injectionDepth,\n      },\n    });\n    return this.facetForDatePicker;\n  }\n\n  private initializeFacetForDateRange(values: InsightDateRangeRequest[]) {\n    this.facetForDateRange = buildInsightDateFacet(this.bindings.engine, {\n      options: {\n        facetId: this.facetId,\n        field: this.field,\n        currentValues: values,\n        generateAutomaticRanges: false,\n        sortCriteria: 'descending',\n        filterFacetCount: this.filterFacetCount,\n        injectionDepth: this.injectionDepth,\n      },\n    });\n\n    return this.facetForDateRange;\n  }\n\n  private initializeFilter() {\n    this.filter = buildInsightDateFilter(this.bindings.engine, {\n      options: {\n        facetId: `${this.facetId}_input`,\n        field: this.field,\n      },\n    });\n\n    return this.filter;\n  }\n\n  @Listen('atomic/dateInputApply')\n  public applyDateInput() {\n    this.facetId &&\n      this.bindings.engine.dispatch(\n        loadInsightDateFacetSetActions(\n          this.bindings.engine\n        ).deselectAllDateFacetValues(this.facetId)\n      );\n  }\n\n  public render() {\n    if (!this.timeframeFacetCommon) {\n      return (\n        <FacetPlaceholder\n          numberOfValues={5}\n          isCollapsed={this.isCollapsed}\n        ></FacetPlaceholder>\n      );\n    }\n    return this.timeframeFacetCommon.render({\n      hasError: this.searchStatusState.hasError,\n      firstSearchExecuted: this.searchStatusState.firstSearchExecuted,\n      isCollapsed: this.isCollapsed,\n      headerFocus: this.focusTarget,\n      onToggleCollapse: () => (this.isCollapsed = !this.isCollapsed),\n    });\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/atomic/{p-be8cc132.js → p-677f9c40.js}

@@ -1,2 +1,2 @@
-import{h as t}from"./p-898fd613.js";import{l as r}from"./p-1580513b.js";const n="ripple";function e(t){return Math.cbrt(t)*129.21}function a(t){if(getComputedStyle(t).position==="static"){t.classList.add("ripple-relative")}}async function i(t,r){const i=r.parent??t.currentTarget;const s=i.getElementsByClassName(n)[0];s?.remove();i.classList.add("ripple-parent");a(i);Array.from(i.children).forEach(a);const u=document.createElement("span");u.classList.add(n);u.style.backgroundColor=`var(--atomic-${r.color})`;u.setAttribute("part",n);const c=Math.max(i.clientWidth,i.clientHeight);const l=c/2;const p=e(l);const{top:m,left:b}=i.getBoundingClientRect();u.style.width=u.style.height=`${c}px`;u.style.left=`${t.clientX-(b+l)}px`;u.style.top=`${t.clientY-(m+l)}px`;u.style.setProperty("--animation-duration",`${p}ms`);i.prepend(u);await o(u,p)}async function o(t,n){r(t,"animationend",(()=>{t?.remove()}));setTimeout((()=>t?.remove()),n+n*.1)}function s(t){switch(t){case"primary":return"btn-primary";case"outline-primary":return"btn-outline-primary";case"outline-neutral":return"btn-outline-neutral";case"outline-error":return"btn-outline-error";case"outline-bg-neutral":return"btn-outline-bg-neutral";case"outline-bg-error":return"btn-outline-bg-error";case"text-primary":return"btn-text-primary";case"text-neutral":return"btn-text-neutral";case"text-transparent":return"btn-text-transparent";case"square-neutral":return"btn-square-neutral"}}function u(t){switch(t){case"primary":return"primary";case"text-transparent":return"neutral-light";default:return"neutral"}}const c=(r,n)=>{const e=u(r.style);const a=s(r.style);const o={class:r.class?`${a} ${r.class}`:a,part:r.part,onClick:r.onClick,title:r.title,type:r.type,role:r.role,"aria-label":r.ariaLabel,"aria-expanded":r.ariaExpanded,"aria-pressed":r.ariaPressed,"aria-checked":r.ariaChecked,"aria-current":r.ariaCurrent,"aria-controls":r.ariaControls,"aria-hidden":r.ariaHidden,disabled:r.disabled,ref(t){if(r.form){t?.setAttribute("form",r.form)}if(r.ariaHidden){t?.setAttribute("aria-hidden",r.ariaHidden)}if(r.tabIndex){t?.setAttribute("tabindex",r.tabIndex)}r.ref?.(t)}};return t("button",{...o,onMouseDown:t=>i(t,{color:e})},r.text?t("span",{class:"truncate"},r.text):null,n)};export{c as B,s as a,i as c,u as g};
-//# sourceMappingURL=p-be8cc132.js.map
+import{h as t}from"./p-ec1c5f46.js";import{l as r}from"./p-1580513b.js";const n="ripple";function e(t){return Math.cbrt(t)*129.21}function a(t){if(getComputedStyle(t).position==="static"){t.classList.add("ripple-relative")}}async function i(t,r){const i=r.parent??t.currentTarget;const u=i.getElementsByClassName(n)[0];u?.remove();i.classList.add("ripple-parent");a(i);Array.from(i.children).forEach(a);const s=document.createElement("span");s.classList.add(n);s.style.backgroundColor=`var(--atomic-${r.color})`;s.setAttribute("part",n);const c=Math.max(i.clientWidth,i.clientHeight);const l=c/2;const p=e(l);const{top:m,left:b}=i.getBoundingClientRect();s.style.width=s.style.height=`${c}px`;s.style.left=`${t.clientX-(b+l)}px`;s.style.top=`${t.clientY-(m+l)}px`;s.style.setProperty("--animation-duration",`${p}ms`);i.prepend(s);await o(s,p)}async function o(t,n){r(t,"animationend",(()=>{t?.remove()}));setTimeout((()=>t?.remove()),n+n*.1)}function u(t){switch(t){case"primary":return"btn-primary";case"outline-primary":return"btn-outline-primary";case"outline-neutral":return"btn-outline-neutral";case"outline-error":return"btn-outline-error";case"outline-bg-neutral":return"btn-outline-bg-neutral";case"outline-bg-error":return"btn-outline-bg-error";case"text-primary":return"btn-text-primary";case"text-neutral":return"btn-text-neutral";case"text-transparent":return"btn-text-transparent";case"square-neutral":return"btn-square-neutral"}}function s(t){switch(t){case"primary":return"primary";case"text-transparent":return"neutral-light";default:return"neutral"}}const c=(r,n)=>{const e=s(r.style);const a=u(r.style);const o={class:r.class?`${a} ${r.class}`:a,part:r.part,onClick:r.onClick,title:r.title,type:r.type,role:r.role,"aria-label":r.ariaLabel,"aria-expanded":r.ariaExpanded,"aria-pressed":r.ariaPressed,"aria-checked":r.ariaChecked,"aria-current":r.ariaCurrent,"aria-controls":r.ariaControls,"aria-hidden":r.ariaHidden,disabled:r.disabled,ref(t){if(r.form){t?.setAttribute("form",r.form)}if(r.ariaHidden){t?.setAttribute("aria-hidden",r.ariaHidden)}if(r.tabIndex){t?.setAttribute("tabindex",r.tabIndex)}r.ref?.(t)}};return t("button",{...o,onMouseDown:t=>i(t,{color:e})},r.text?t("span",{class:"truncate"},r.text):null,n)};export{c as B};
+//# sourceMappingURL=p-677f9c40.js.map

package/dist/atomic/p-70cc18a1.js

@@ -0,0 +1,2 @@
+import{b as o}from"./p-1580513b.js";const t=`<svg viewBox="0 0 22 22"><g transform="matrix(.7071 -.7071 .7071 .7071 -3.142 11)"><path d="m9-3.4h2v26.9h-2z"/><path d="m-3.4 9h26.9v2h-26.9z"/></g></svg>`;const s="popover-nested";function a(t,s){t.dispatchEvent(o("atomic/initializePopover",s))}export{t as C,a as i,s as p};
+//# sourceMappingURL=p-70cc18a1.js.map

package/dist/atomic/{p-406f7e5a.js.map → p-70cc18a1.js.map}

@@ -1 +1 @@
-{"version":3,"names":["popoverClass","initializePopover","host","childFacet","dispatchEvent","buildCustomEvent"],"sources":["src/components/common/facets/popover/popover-type.ts"],"sourcesContent":["import {buildCustomEvent} from '../../../../utils/event-utils';\nimport type {FacetInfo} from '../../../common/facets/facet-common-store';\n\nexport interface PopoverChildFacet extends FacetInfo {\n  hasValues: () => boolean;\n  numberOfActiveValues: () => number;\n}\n\nexport const popoverClass = 'popover-nested';\n\nexport function initializePopover(\n  host: HTMLElement,\n  childFacet: PopoverChildFacet\n) {\n  host.dispatchEvent(\n    buildCustomEvent<PopoverChildFacet>('atomic/initializePopover', childFacet)\n  );\n}\n"],"mappings":"0CAQaA,EAAe,iB,SAEZC,EACdC,EACAC,GAEAD,EAAKE,cACHC,EAAoC,2BAA4BF,GAEpE,Q","ignoreList":[]}
+{"version":3,"names":["popoverClass","initializePopover","host","childFacet","dispatchEvent","buildCustomEvent"],"sources":["src/components/common/facets/popover/popover-type.ts"],"sourcesContent":["import {buildCustomEvent} from '../../../../utils/event-utils';\nimport type {FacetInfo} from '../../../common/facets/facet-common-store';\n\nexport interface PopoverChildFacet extends FacetInfo {\n  hasValues: () => boolean;\n  numberOfActiveValues: () => number;\n}\n\nexport const popoverClass = 'popover-nested';\n\nexport function initializePopover(\n  host: HTMLElement,\n  childFacet: PopoverChildFacet\n) {\n  host.dispatchEvent(\n    buildCustomEvent<PopoverChildFacet>('atomic/initializePopover', childFacet)\n  );\n}\n"],"mappings":"gNAQaA,EAAe,iB,SAEZC,EACdC,EACAC,GAEAD,EAAKE,cACHC,EAAoC,2BAA4BF,GAEpE,Q","ignoreList":[]}

package/dist/atomic/{p-6e706321.entry.js → p-77250a6b.entry.js}

@@ -1,2 +1,2 @@
-import{h as t,r as e,g as i}from"./p-898fd613.js";import{M as o}from"./p-4a2e7926.js";import{ResultTemplatesHelpers as n}from"@coveo/headless";import{i as s,a as r,b as c}from"./p-d637dcbe.js";import"@coveo/bueno";import"./p-3df103c1.js";import"./p-4573c419.js";const a=new Set(["atomic-result-section-visual","atomic-result-section-badges","atomic-result-section-actions","atomic-result-section-title","atomic-result-section-title-metadata","atomic-result-section-emphasized","atomic-result-section-excerpt","atomic-result-section-bottom-metadata","atomic-result-section-children"]);const l=new Set(["atomic-product-section-visual","atomic-product-section-badges","atomic-product-section-actions","atomic-product-section-name","atomic-product-section-metadata","atomic-product-section-emphasized","atomic-product-section-description","atomic-product-section-bottom-metadata","atomic-product-section-children"]);const u=new Set([...a,...l]);function m(t){if(!s(t)){return false}return u.has(t.tagName.toLowerCase())}const d="atomic-table-element";function h(t){if(m(t)){return"section"}if(!c(t)){return"metadata"}if(s(t)&&t.tagName.toLowerCase()===d){return"table-column-definition"}return"other"}function p(t){return r(Array.from(t),(t=>h(t)))}class f{constructor({host:t,setError:e,validParents:i,allowEmpty:o=false}){this.matchConditions=[];this.gridCellLinkTarget="_self";this.host=t;this.validateTemplate(t,e,i,o)}validateTemplate(t,e,i,o=true){const n=i.map((t=>t.toUpperCase())).includes(t.parentElement?.nodeName||"");const s=t.nodeName.toLowerCase();if(!n){e(new Error(`The "${s}" component has to be the child of one of the following: ${i.map((t=>`"${t.toLowerCase()}"`)).join(", ")}.`));return}if(t.parentElement?.attributes.getNamedItem("display")?.value==="grid"){this.gridCellLinkTarget=t.parentElement?.attributes.getNamedItem("grid-cell-link-target")?.value}const r=t.querySelector("template:not([slot])");if(!r){e(new Error(`The "${s}" component has to contain a "template" element as a child.`));return}if(!o&&!r.innerHTML.trim()){e(new Error(`The "template" tag inside "${s}" cannot be empty.`));return}if(r.content.querySelector("script")){console.warn('Any "script" tags defined inside of "template" elements are not supported and will not be executed when the results are rendered.',t)}const{section:c,other:a}=p(r.content.childNodes);if(c?.length&&a?.length){console.warn("Result templates should only contain section elements or non-section elements. Future updates could unpredictably affect this result template.",t,{sectionNodes:c,otherNodes:a})}}getTemplate(t,e){if(e){return null}return{conditions:t.concat(this.matchConditions),content:b(this.host).content,linkContent:this.getLinkTemplateElement(this.host).content,priority:1}}renderIfError(e){if(e){return t("atomic-component-error",{element:this.host,error:e})}}getDefaultLinkTemplateElement(){const t=document.createElement("template");t.innerHTML=`<atomic-result-link>${this.gridCellLinkTarget?`<a slot="attributes" target="${this.gridCellLinkTarget}"></a>`:""}</atomic-result-link>`;return t}getLinkTemplateElement(t){return t.querySelector('template[slot="link"]')??this.getDefaultLinkTemplateElement()}}function b(t){return t.querySelector("template:not([slot])")}function g(t,e){const i=[];for(const e in t){i.push(n.fieldMustMatch(e,t[e]))}for(const t in e){i.push(n.fieldMustNotMatch(t,e[t]))}return i}function v(t,e){const i=[];if(t){const e=t.split(",");i.push(n.fieldsMustBeDefined(e))}if(e){const t=e.split(",");i.push(n.fieldsMustNotBeDefined(t))}return i}var w=undefined&&undefined.__decorate||function(t,e,i,o){var n=arguments.length,s=n<3?e:o===null?o=Object.getOwnPropertyDescriptor(e,i):o,r;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")s=Reflect.decorate(t,e,i,o);else for(var c=t.length-1;c>=0;c--)if(r=t[c])s=(n<3?r(s):n>3?r(e,i,s):r(e,i))||s;return n>3&&s&&Object.defineProperty(e,i,s),s};const y=class{constructor(t){e(this,t);this.conditions=[];this.mustMatch={};this.mustNotMatch={};this.error=undefined;this.conditions=[];this.ifDefined=undefined;this.ifNotDefined=undefined;this.mustMatch={};this.mustNotMatch={}}connectedCallback(){this.resultTemplateCommon=new f({host:this.host,setError:t=>{this.error=t},validParents:["atomic-insight-result-children"]})}componentWillLoad(){this.conditions=v(this.ifDefined,this.ifNotDefined);this.resultTemplateCommon.matchConditions=g(this.mustMatch,this.mustNotMatch)}async getTemplate(){return this.resultTemplateCommon.getTemplate(this.conditions,this.error)}render(){return this.resultTemplateCommon.renderIfError(this.error)}get host(){return i(this)}};w([o({splitValues:true})],y.prototype,"mustMatch",void 0);w([o({splitValues:true})],y.prototype,"mustNotMatch",void 0);export{y as atomic_insight_result_children_template};
-//# sourceMappingURL=p-6e706321.entry.js.map
+import{h as t,r as e,g as i}from"./p-ec1c5f46.js";import{M as o}from"./p-c0fbee64.js";import{ResultTemplatesHelpers as n}from"@coveo/headless";import{i as s,a as r,b as c}from"./p-e58840b6.js";import"@coveo/bueno";import"./p-3df103c1.js";import"./p-4573c419.js";const a=new Set(["atomic-result-section-visual","atomic-result-section-badges","atomic-result-section-actions","atomic-result-section-title","atomic-result-section-title-metadata","atomic-result-section-emphasized","atomic-result-section-excerpt","atomic-result-section-bottom-metadata","atomic-result-section-children"]);const l=new Set(["atomic-product-section-visual","atomic-product-section-badges","atomic-product-section-actions","atomic-product-section-name","atomic-product-section-metadata","atomic-product-section-emphasized","atomic-product-section-description","atomic-product-section-bottom-metadata","atomic-product-section-children"]);const u=new Set([...a,...l]);function m(t){if(!s(t)){return false}return u.has(t.tagName.toLowerCase())}const h="atomic-table-element";function d(t){if(m(t)){return"section"}if(!c(t)){return"metadata"}if(s(t)&&t.tagName.toLowerCase()===h){return"table-column-definition"}return"other"}function p(t){return r(Array.from(t),(t=>d(t)))}class f{constructor({host:t,setError:e,validParents:i,allowEmpty:o=false}){this.matchConditions=[];this.gridCellLinkTarget="_self";this.host=t;this.validateTemplate(t,e,i,o)}validateTemplate(t,e,i,o=true){const n=i.map((t=>t.toUpperCase())).includes(t.parentElement?.nodeName||"");const s=t.nodeName.toLowerCase();if(!n){e(new Error(`The "${s}" component has to be the child of one of the following: ${i.map((t=>`"${t.toLowerCase()}"`)).join(", ")}.`));return}if(t.parentElement?.attributes.getNamedItem("display")?.value==="grid"){this.gridCellLinkTarget=t.parentElement?.attributes.getNamedItem("grid-cell-link-target")?.value}const r=t.querySelector("template:not([slot])");if(!r){e(new Error(`The "${s}" component has to contain a "template" element as a child.`));return}if(!o&&!r.innerHTML.trim()){e(new Error(`The "template" tag inside "${s}" cannot be empty.`));return}if(r.content.querySelector("script")){console.warn('Any "script" tags defined inside of "template" elements are not supported and will not be executed when the results are rendered.',t)}const{section:c,other:a}=p(r.content.childNodes);if(c?.length&&a?.length){console.warn("Result templates should only contain section elements or non-section elements. Future updates could unpredictably affect this result template.",t,{sectionNodes:c,otherNodes:a})}}getTemplate(t,e){if(e){return null}return{conditions:t.concat(this.matchConditions),content:b(this.host).content,linkContent:this.getLinkTemplateElement(this.host).content,priority:1}}renderIfError(e){if(e){return t("atomic-component-error",{element:this.host,error:e})}}getDefaultLinkTemplateElement(){const t=document.createElement("template");t.innerHTML=`<atomic-result-link>${this.gridCellLinkTarget?`<a slot="attributes" target="${this.gridCellLinkTarget}"></a>`:""}</atomic-result-link>`;return t}getLinkTemplateElement(t){return t.querySelector('template[slot="link"]')??this.getDefaultLinkTemplateElement()}}function b(t){return t.querySelector("template:not([slot])")}function g(t,e){const i=[];for(const e in t){i.push(n.fieldMustMatch(e,t[e]))}for(const t in e){i.push(n.fieldMustNotMatch(t,e[t]))}return i}function v(t,e){const i=[];if(t){const e=t.split(",");i.push(n.fieldsMustBeDefined(e))}if(e){const t=e.split(",");i.push(n.fieldsMustNotBeDefined(t))}return i}var w=undefined&&undefined.__decorate||function(t,e,i,o){var n=arguments.length,s=n<3?e:o===null?o=Object.getOwnPropertyDescriptor(e,i):o,r;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")s=Reflect.decorate(t,e,i,o);else for(var c=t.length-1;c>=0;c--)if(r=t[c])s=(n<3?r(s):n>3?r(e,i,s):r(e,i))||s;return n>3&&s&&Object.defineProperty(e,i,s),s};const y=class{constructor(t){e(this,t);this.conditions=[];this.mustMatch={};this.mustNotMatch={};this.error=undefined;this.conditions=[];this.ifDefined=undefined;this.ifNotDefined=undefined;this.mustMatch={};this.mustNotMatch={}}connectedCallback(){this.resultTemplateCommon=new f({host:this.host,setError:t=>{this.error=t},validParents:["atomic-insight-result-children"]})}componentWillLoad(){this.conditions=v(this.ifDefined,this.ifNotDefined);this.resultTemplateCommon.matchConditions=g(this.mustMatch,this.mustNotMatch)}async getTemplate(){return this.resultTemplateCommon.getTemplate(this.conditions,this.error)}render(){return this.resultTemplateCommon.renderIfError(this.error)}get host(){return i(this)}};w([o({splitValues:true})],y.prototype,"mustMatch",void 0);w([o({splitValues:true})],y.prototype,"mustNotMatch",void 0);export{y as atomic_insight_result_children_template};
+//# sourceMappingURL=p-77250a6b.entry.js.map

package/dist/atomic/p-78be3137.js

@@ -0,0 +1,2 @@
+function t(t){return"slotContent"in t&&typeof t.slotContent==="object"}function n(n,o){if(t(n)){const t=n.slotContent[o];return t?.filter((t=>t instanceof Element))||[]}const e=Array.from(n.children);return e.filter((t=>t.getAttribute("slot")===o))}export{n as g};
+//# sourceMappingURL=p-78be3137.js.map

package/dist/atomic/p-78be3137.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["hasLightDOMSlotContent","element","slotContent","getNamedSlotContent","host","slotName","targetLightDomSlotContent","filter","node","Element","children","Array","from","child","getAttribute"],"sources":["src/utils/slot-utils.ts"],"sourcesContent":["import type {LightDOMWithSlots} from '@/src/mixins/slots-for-no-shadow-dom-mixin';\n\nfunction hasLightDOMSlotContent(\n  element: HTMLElement\n): element is HTMLElement & LightDOMWithSlots {\n  return (\n    'slotContent' in element &&\n    typeof (element as HTMLElement & LightDOMWithSlots).slotContent === 'object'\n  );\n}\n\nexport function getNamedSlotContent(\n  host: HTMLElement,\n  slotName: string\n): Element[] {\n  if (hasLightDOMSlotContent(host)) {\n    const targetLightDomSlotContent = host.slotContent[slotName];\n\n    return (\n      targetLightDomSlotContent?.filter(\n        (node: ChildNode): node is Element => node instanceof Element\n      ) || []\n    );\n  }\n\n  const children = Array.from(host.children);\n  return children.filter((child) => child.getAttribute('slot') === slotName);\n}\n\nexport function getDefaultSlotContent(host: HTMLElement): Element[] {\n  const children = Array.from(host.children);\n  return children.filter(\n    (child) => !child.hasAttribute('slot') || child.getAttribute('slot') === ''\n  );\n}\n"],"mappings":"AAEA,SAASA,EACPC,GAEA,MACE,gBAAiBA,UACTA,EAA4CC,cAAgB,QAExE,C,SAEgBC,EACdC,EACAC,GAEA,GAAIL,EAAuBI,GAAO,CAChC,MAAME,EAA4BF,EAAKF,YAAYG,GAEnD,OACEC,GAA2BC,QACxBC,GAAqCA,aAAgBC,WACnD,E,CAIT,MAAMC,EAAWC,MAAMC,KAAKR,EAAKM,UACjC,OAAOA,EAASH,QAAQM,GAAUA,EAAMC,aAAa,UAAYT,GACnE,Q","ignoreList":[]}

package/dist/atomic/p-81d6e743.js

@@ -0,0 +1,2 @@
+import{b as e}from"./p-1580513b.js";function n(e,t){if(!e){return null}if(e.matches(t)){return e}if(e.parentNode instanceof ShadowRoot){return n(e.parentNode.host,t)}return n(e.parentElement,t)}function t(){return window}function r(){if(!t().initQueueNamespace){t().initQueueNamespace={eventQueueMap:new Map,parentReadyMap:new Map}}return t().initQueueNamespace}function o(){return r().eventQueueMap}function i(){return r().parentReadyMap}function c(e){const n=i();return n.get(e)||false}function a(e,n,t){const r=o();if(!r.has(e)){r.set(e,[])}r.get(e).push({event:n,element:t})}function s(e,n,t){if(c(e)){t.dispatchEvent(n)}else{a(e,n,t)}}function f(t){return new Promise(((r,o)=>{const i=e(l,(e=>r(e)));const c=n(t,m.join(", "));if(!c){o(new u(t.nodeName.toLowerCase()));return}s(c,i,t)}))}class u extends Error{constructor(e){super(`The "${e}" element must be the child of the following elements: ${m.join(", ")}`)}}const m=["atomic-recs-interface","atomic-search-interface","atomic-commerce-interface","atomic-commerce-recommendation-interface","atomic-relevance-inspector","atomic-insight-interface","atomic-external"];const l="atomic/initializeComponent";export{u as M,m as a,n as c,s as e,f,l as i};
+//# sourceMappingURL=p-81d6e743.js.map

package/dist/atomic/p-81d6e743.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["closest","element","selector","matches","parentNode","ShadowRoot","host","parentElement","getWindow","window","getInitQueueNamespace","initQueueNamespace","eventQueueMap","Map","parentReadyMap","getEventQueueMap","getParentReadyMap","isParentReady","parent","get","queueEventForParent","event","has","set","push","enqueueOrDispatchInitializationEvent","dispatchEvent","fetchBindings","Promise","resolve","reject","buildCustomEvent","initializeEventName","bindings","initializableElements","join","MissingInterfaceParentError","nodeName","toLowerCase","Error","constructor","elementName","super"],"sources":["src/utils/dom-utils.ts","src/utils/init-queue.ts","src/utils/initialization-lit-stencil-common-utils.ts"],"sourcesContent":["export function rectEquals(r1: DOMRect, r2: DOMRect) {\n  return (\n    r1.x === r2.x &&\n    r1.y === r2.y &&\n    r1.width === r2.width &&\n    r1.height === r2.height\n  );\n}\n\nexport function parentNodeToString(node: ParentNode): string {\n  return Array.from(node.children)\n    .map((child) => child.outerHTML)\n    .join('');\n}\n\nexport function closest<K extends keyof HTMLElementTagNameMap>(\n  element: Element | null,\n  selector: K\n): HTMLElementTagNameMap[K] | null;\nexport function closest<K extends keyof SVGElementTagNameMap>(\n  element: Element | null,\n  selector: K\n): SVGElementTagNameMap[K] | null;\nexport function closest<E extends Element = Element>(\n  element: Element | null,\n  selector: string\n): E | null;\nexport function closest(\n  element: Element | null,\n  selector: string\n): HTMLElement | null {\n  if (!element) {\n    return null;\n  }\n  if (element.matches(selector)) {\n    return element as HTMLElement;\n  }\n  if (element.parentNode instanceof ShadowRoot) {\n    return closest(element.parentNode.host, selector);\n  }\n  return closest(element.parentElement, selector);\n}\n","import type {InitializeEventHandler} from './initialization-lit-stencil-common-utils';\n\nexport type InitializeEvent = CustomEvent<InitializeEventHandler>;\n\ndeclare global {\n  interface Window {\n    initQueueNamespace: {\n      eventQueueMap: Map<Element, QueuedEvent[]>;\n      parentReadyMap: Map<Element, boolean>;\n    };\n  }\n}\n\ntype QueuedEvent = {\n  event: InitializeEvent;\n  element: Element;\n};\n\nfunction getWindow() {\n  return window;\n}\n\nfunction getInitQueueNamespace() {\n  if (!getWindow().initQueueNamespace) {\n    getWindow().initQueueNamespace = {\n      eventQueueMap: new Map(),\n      parentReadyMap: new Map(),\n    };\n  }\n  return getWindow().initQueueNamespace;\n}\n\nfunction getEventQueueMap(): Map<Element, QueuedEvent[]> {\n  return getInitQueueNamespace().eventQueueMap;\n}\n\nfunction getParentReadyMap(): Map<Element, boolean> {\n  return getInitQueueNamespace().parentReadyMap;\n}\n\nexport function markParentAsReady(parent: Element) {\n  const parentReadyMap = getParentReadyMap();\n  parentReadyMap.set(parent, true);\n  const eventQueueMap = getEventQueueMap();\n  const eventQueue = eventQueueMap.get(parent) || [];\n  eventQueue.reverse();\n  while (eventQueue.length > 0) {\n    const {event, element} = eventQueue.pop()!;\n    element.dispatchEvent(event);\n  }\n  parent.dispatchEvent(new CustomEvent('atomic/parentReady', {bubbles: true}));\n  eventQueueMap.delete(parent);\n}\n\nexport function isParentReady(parent: Element): boolean {\n  const parentReadyMap = getParentReadyMap();\n  return parentReadyMap.get(parent) || false;\n}\n\nexport function queueEventForParent(\n  parent: Element,\n  event: InitializeEvent,\n  element: Element\n) {\n  const eventQueueMap = getEventQueueMap();\n  if (!eventQueueMap.has(parent)) {\n    eventQueueMap.set(parent, []);\n  }\n  eventQueueMap.get(parent)!.push({event, element});\n}\n\nexport function enqueueOrDispatchInitializationEvent(\n  parent: Element,\n  event: InitializeEvent,\n  element: Element\n) {\n  if (isParentReady(parent)) {\n    element.dispatchEvent(event);\n  } else {\n    queueEventForParent(parent, event, element);\n  }\n}\n","import type {CoreEngine} from '@coveo/headless';\nimport type {AnyBindings} from '../components/common/interface/bindings';\nimport {closest} from './dom-utils';\nimport {buildCustomEvent} from './event-utils';\nimport {enqueueOrDispatchInitializationEvent} from './init-queue';\n\n/**\n * Retrieves `Bindings` or `CommerceBindings` on a configured parent interface.\n * @param event - The element on which to dispatch the event, which must be the child of a configured Atomic container element.\n * @returns A promise that resolves upon initialization of the parent container element, and rejects otherwise.\n */\nexport function fetchBindings<SpecificBindings extends AnyBindings>(\n  element: Element\n) {\n  return new Promise<SpecificBindings>((resolve, reject) => {\n    const event = buildCustomEvent<InitializeEventHandler>(\n      initializeEventName,\n      (bindings: unknown) => resolve(bindings as SpecificBindings)\n    );\n    const parent = closest(element, initializableElements.join(', '));\n    if (!parent) {\n      reject(new MissingInterfaceParentError(element.nodeName.toLowerCase()));\n      return;\n    }\n    enqueueOrDispatchInitializationEvent(parent, event, element);\n  });\n}\nexport type InitializeEventHandler = (bindings: AnyBindings) => void;\nexport class MissingInterfaceParentError extends Error {\n  constructor(elementName: string) {\n    super(\n      `The \"${elementName}\" element must be the child of the following elements: ${initializableElements.join(\n        ', '\n      )}`\n    );\n  }\n}\nexport const initializableElements = [\n  'atomic-recs-interface',\n  'atomic-search-interface',\n  'atomic-commerce-interface',\n  'atomic-commerce-recommendation-interface',\n  'atomic-relevance-inspector',\n  'atomic-insight-interface',\n  'atomic-external',\n];\nexport const initializeEventName = 'atomic/initializeComponent';\n\nexport type AtomicInterface = HTMLElement & {\n  engine?: CoreEngine;\n  bindings?: AnyBindings;\n};\n"],"mappings":"6CA2BgBA,EACdC,EACAC,GAEA,IAAKD,EAAS,CACZ,OAAO,I,CAET,GAAIA,EAAQE,QAAQD,GAAW,CAC7B,OAAOD,C,CAET,GAAIA,EAAQG,sBAAsBC,WAAY,CAC5C,OAAOL,EAAQC,EAAQG,WAAWE,KAAMJ,E,CAE1C,OAAOF,EAAQC,EAAQM,cAAeL,EACxC,CCvBA,SAASM,IACP,OAAOC,MACT,CAEA,SAASC,IACP,IAAKF,IAAYG,mBAAoB,CACnCH,IAAYG,mBAAqB,CAC/BC,cAAe,IAAIC,IACnBC,eAAgB,IAAID,I,CAGxB,OAAOL,IAAYG,kBACrB,CAEA,SAASI,IACP,OAAOL,IAAwBE,aACjC,CAEA,SAASI,IACP,OAAON,IAAwBI,cACjC,C,SAgBgBG,EAAcC,GAC5B,MAAMJ,EAAiBE,IACvB,OAAOF,EAAeK,IAAID,IAAW,KACvC,C,SAEgBE,EACdF,EACAG,EACApB,GAEA,MAAMW,EAAgBG,IACtB,IAAKH,EAAcU,IAAIJ,GAAS,CAC9BN,EAAcW,IAAIL,EAAQ,G,CAE5BN,EAAcO,IAAID,GAASM,KAAK,CAACH,QAAOpB,WAC1C,C,SAEgBwB,EACdP,EACAG,EACApB,GAEA,GAAIgB,EAAcC,GAAS,CACzBjB,EAAQyB,cAAcL,E,KACjB,CACLD,EAAoBF,EAAQG,EAAOpB,E,CAEvC,C,SCtEgB0B,EACd1B,GAEA,OAAO,IAAI2B,SAA0B,CAACC,EAASC,KAC7C,MAAMT,EAAQU,EACZC,GACCC,GAAsBJ,EAAQI,KAEjC,MAAMf,EAASlB,EAAQC,EAASiC,EAAsBC,KAAK,OAC3D,IAAKjB,EAAQ,CACXY,EAAO,IAAIM,EAA4BnC,EAAQoC,SAASC,gBACxD,M,CAEFb,EAAqCP,EAAQG,EAAOpB,EAAQ,GAEhE,C,MAEamC,UAAoCG,MAC/C,WAAAC,CAAYC,GACVC,MACE,QAAQD,2DAAqEP,EAAsBC,KACjG,Q,QAKKD,EAAwB,CACnC,wBACA,0BACA,4BACA,2CACA,6BACA,2BACA,mB,MAEWF,EAAsB,oC","ignoreList":[]}