@coveo/atomic 3.33.9-pre.a8ae421e2e → 3.33.9-pre.a90e222cec

package/dist/atomic/p-745b06c3.entry.js

@@ -1,2 +0,0 @@
-import{h as n,r as t,g as r}from"./p-dc3df5ce.js";import{buildFacet as e,buildSearchStatus as i,buildFacetConditionsManager as a}from"@coveo/headless/insight";import{I as o,B as l}from"./p-ff2d324d.js";import{A as s,F as c}from"./p-31a13850.js";import{p as d}from"./p-dafbe2ef.js";import{a as h,F as m,b as w}from"./p-60498b8e.js";import{F as p}from"./p-aa3ac5aa.js";import{F as b,a as v}from"./p-2c6f895f.js";import{g}from"./p-55d2bcf3.js";import{F as u}from"./p-5c73ebc4.js";import{F as f}from"./p-3622ed6c.js";import{F as y}from"./p-d4c2b7c0.js";import{F as x}from"./p-74862002.js";import{F as k}from"./p-2a02812b.js";import{i as z}from"./p-406f7e5a.js";import"./p-c9074946.js";import"./p-1580513b.js";import"./p-05de7ca3.js";import"./p-cae02339.js";import"./p-a12e1c59.js";import"./p-f284897c.js";import"./p-0462f723.js";import"./p-b700cfe1.js";import"./p-35fb03be.js";import"./p-fafae456.js";import"./p-b93ccff9.js";import"./p-21ab6f55.js";import"./p-66d48d1a.js";import"./p-7da7b187.js";import"./p-8f5830b4.js";import"./p-4b1dc787.js";const j=({facetSearchQuery:t,displayValuesAs:r,enableExclusion:e,facetCount:i,facetState:a,facetValue:o,field:l,i18n:s,onExclude:c,onSelect:d,setRef:h})=>{const m=g(l,o,s);const w=a==="selected";const p=a==="excluded";const b=e?{onExclude:c,state:a}:{};switch(r){case"checkbox":return n(f,{...b,displayValue:m,numberOfResults:i,isSelected:w,i18n:s,onClick:d,searchQuery:t,buttonRef:n=>{h&&h(n)}},n(y,{displayValue:m,isSelected:w,isExcluded:p,searchQuery:t}));case"link":return n(x,{displayValue:m,numberOfResults:i,isSelected:w,i18n:s,onClick:d,searchQuery:t,buttonRef:n=>{h&&h(n)}},n(y,{displayValue:m,isSelected:w,searchQuery:t}));case"box":return n(u,{displayValue:m,numberOfResults:i,isSelected:w,i18n:s,onClick:d,searchQuery:t,buttonRef:n=>{h&&h(n)}},n(y,{displayValue:m,isSelected:w,searchQuery:t}))}};const S='/*! 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  .m-0 {\n    margin: calc(0.25rem * 0);\n  }\n  .m-2 {\n    margin: calc(0.25rem * 2);\n  }\n  .mx-0 {\n    margin-inline: calc(0.25rem * 0);\n  }\n  .mx-0\\.5 {\n    margin-inline: calc(0.25rem * 0.5);\n  }\n  .mx-1 {\n    margin-inline: calc(0.25rem * 1);\n  }\n  .mx-6 {\n    margin-inline: calc(0.25rem * 6);\n  }\n  .mx-16 {\n    margin-inline: calc(0.25rem * 16);\n  }\n  .mx-auto {\n    margin-inline: auto;\n  }\n  .my-2 {\n    margin-block: calc(0.25rem * 2);\n  }\n  .my-3 {\n    margin-block: calc(0.25rem * 3);\n  }\n  .my-4 {\n    margin-block: calc(0.25rem * 4);\n  }\n  .my-6 {\n    margin-block: calc(0.25rem * 6);\n  }\n  .my-auto {\n    margin-block: auto;\n  }\n  .mt-0 {\n    margin-top: calc(0.25rem * 0);\n  }\n  .mt-1 {\n    margin-top: calc(0.25rem * 1);\n  }\n  .mt-1\\.5 {\n    margin-top: calc(0.25rem * 1.5);\n  }\n  .mt-2 {\n    margin-top: calc(0.25rem * 2);\n  }\n  .mt-2\\.5 {\n    margin-top: calc(0.25rem * 2.5);\n  }\n  .mt-3 {\n    margin-top: calc(0.25rem * 3);\n  }\n  .mt-4 {\n    margin-top: calc(0.25rem * 4);\n  }\n  .mt-6 {\n    margin-top: calc(0.25rem * 6);\n  }\n  .mt-7 {\n    margin-top: calc(0.25rem * 7);\n  }\n  .mt-8 {\n    margin-top: calc(0.25rem * 8);\n  }\n  .mt-10 {\n    margin-top: calc(0.25rem * 10);\n  }\n  .mt-px {\n    margin-top: 1px;\n  }\n  .mr-0 {\n    margin-right: calc(0.25rem * 0);\n  }\n  .mr-0\\.5 {\n    margin-right: calc(0.25rem * 0.5);\n  }\n  .mr-1 {\n    margin-right: calc(0.25rem * 1);\n  }\n  .mr-1\\.5 {\n    margin-right: calc(0.25rem * 1.5);\n  }\n  .mr-2 {\n    margin-right: calc(0.25rem * 2);\n  }\n  .mr-3 {\n    margin-right: calc(0.25rem * 3);\n  }\n  .mr-6 {\n    margin-right: calc(0.25rem * 6);\n  }\n  .mb-0 {\n    margin-bottom: calc(0.25rem * 0);\n  }\n  .mb-1 {\n    margin-bottom: calc(0.25rem * 1);\n  }\n  .mb-2 {\n    margin-bottom: calc(0.25rem * 2);\n  }\n  .mb-3 {\n    margin-bottom: calc(0.25rem * 3);\n  }\n  .mb-4 {\n    margin-bottom: calc(0.25rem * 4);\n  }\n  .mb-6 {\n    margin-bottom: calc(0.25rem * 6);\n  }\n  .ml-0\\.5 {\n    margin-left: calc(0.25rem * 0.5);\n  }\n  .ml-1 {\n    margin-left: calc(0.25rem * 1);\n  }\n  .ml-2 {\n    margin-left: calc(0.25rem * 2);\n  }\n  .ml-4 {\n    margin-left: calc(0.25rem * 4);\n  }\n  .ml-6 {\n    margin-left: calc(0.25rem * 6);\n  }\n  .ml-auto {\n    margin-left: auto;\n  }\n  .box-border {\n    box-sizing: border-box;\n  }\n  .box-content {\n    box-sizing: content-box;\n  }\n  .line-clamp-1 {\n    overflow: hidden;\n    display: -webkit-box;\n    -webkit-box-orient: vertical;\n    -webkit-line-clamp: 1;\n  }\n  .line-clamp-2 {\n    overflow: hidden;\n    display: -webkit-box;\n    -webkit-box-orient: vertical;\n    -webkit-line-clamp: 2;\n  }\n  .line-clamp-3 {\n    overflow: hidden;\n    display: -webkit-box;\n    -webkit-box-orient: vertical;\n    -webkit-line-clamp: 3;\n  }\n  .line-clamp-4 {\n    overflow: hidden;\n    display: -webkit-box;\n    -webkit-box-orient: vertical;\n    -webkit-line-clamp: 4;\n  }\n  .line-clamp-none {\n    overflow: visible;\n    display: block;\n    -webkit-box-orient: horizontal;\n    -webkit-line-clamp: unset;\n  }\n  .block {\n    display: block;\n  }\n  .contents {\n    display: contents;\n  }\n  .flex {\n    display: flex;\n  }\n  .grid {\n    display: grid;\n  }\n  .hidden {\n    display: none;\n  }\n  .inline {\n    display: inline;\n  }\n  .inline-block {\n    display: inline-block;\n  }\n  .inline-flex {\n    display: inline-flex;\n  }\n  .table {\n    display: table;\n  }\n  .aspect-square-\\[auto\\] {\n    aspect-ratio: 1 / 1;\n    height: auto;\n  }\n  @supports not (aspect-ratio: 1 / 1) {\n    .aspect-square-\\[auto\\] {\n      height: auto;\n    }\n  }\n  .aspect-square-\\[auto\\] {\n    aspect-ratio: 1 / 1;\n    height: auto;\n  }\n  @supports not (aspect-ratio: 1 / 1) {\n    .aspect-square-\\[auto\\] {\n      height: auto;\n    }\n  }\n  .aspect-square {\n    aspect-ratio: 1 / 1;\n  }\n  .size-\\[27px\\] {\n    width: 27px;\n    height: 27px;\n  }\n  .h-1 {\n    height: calc(0.25rem * 1);\n  }\n  .h-2 {\n    height: calc(0.25rem * 2);\n  }\n  .h-2\\.5 {\n    height: calc(0.25rem * 2.5);\n  }\n  .h-3 {\n    height: calc(0.25rem * 3);\n  }\n  .h-4 {\n    height: calc(0.25rem * 4);\n  }\n  .h-5 {\n    height: calc(0.25rem * 5);\n  }\n  .h-5\\/6 {\n    height: calc(5/6 * 100%);\n  }\n  .h-6 {\n    height: calc(0.25rem * 6);\n  }\n  .h-7 {\n    height: calc(0.25rem * 7);\n  }\n  .h-8 {\n    height: calc(0.25rem * 8);\n  }\n  .h-9 {\n    height: calc(0.25rem * 9);\n  }\n  .h-10 {\n    height: calc(0.25rem * 10);\n  }\n  .h-12 {\n    height: calc(0.25rem * 12);\n  }\n  .h-\\[2\\.6rem\\] {\n    height: 2.6rem;\n  }\n  .h-\\[9px\\] {\n    height: 9px;\n  }\n  .h-auto {\n    height: auto;\n  }\n  .h-full {\n    height: 100%;\n  }\n  .max-h-96 {\n    max-height: calc(0.25rem * 96);\n  }\n  .min-h-10 {\n    min-height: calc(0.25rem * 10);\n  }\n  .min-lines-2 {\n    min-height: calc(var(--line-height) * 2);\n  }\n  .min-lines-2 {\n    min-height: calc(var(--line-height) * 2);\n  }\n  .min-lines-3 {\n    min-height: calc(var(--line-height) * 3);\n  }\n  .min-lines-3 {\n    min-height: calc(var(--line-height) * 3);\n  }\n  .w-0\\.5 {\n    width: calc(0.25rem * 0.5);\n  }\n  .w-1 {\n    width: calc(0.25rem * 1);\n  }\n  .w-1\\/2 {\n    width: calc(1/2 * 100%);\n  }\n  .w-2 {\n    width: calc(0.25rem * 2);\n  }\n  .w-2\\.5 {\n    width: calc(0.25rem * 2.5);\n  }\n  .w-3 {\n    width: calc(0.25rem * 3);\n  }\n  .w-3\\.5 {\n    width: calc(0.25rem * 3.5);\n  }\n  .w-3\\/5 {\n    width: calc(3/5 * 100%);\n  }\n  .w-4 {\n    width: calc(0.25rem * 4);\n  }\n  .w-5 {\n    width: calc(0.25rem * 5);\n  }\n  .w-5\\/6 {\n    width: calc(5/6 * 100%);\n  }\n  .w-6 {\n    width: calc(0.25rem * 6);\n  }\n  .w-7 {\n    width: calc(0.25rem * 7);\n  }\n  .w-8 {\n    width: calc(0.25rem * 8);\n  }\n  .w-9 {\n    width: calc(0.25rem * 9);\n  }\n  .w-10 {\n    width: calc(0.25rem * 10);\n  }\n  .w-12 {\n    width: calc(0.25rem * 12);\n  }\n  .w-20 {\n    width: calc(0.25rem * 20);\n  }\n  .w-26 {\n    width: calc(0.25rem * 26);\n  }\n  .w-28 {\n    width: calc(0.25rem * 28);\n  }\n  .w-32 {\n    width: calc(0.25rem * 32);\n  }\n  .w-36 {\n    width: calc(0.25rem * 36);\n  }\n  .w-44 {\n    width: calc(0.25rem * 44);\n  }\n  .w-48 {\n    width: calc(0.25rem * 48);\n  }\n  .w-60 {\n    width: calc(0.25rem * 60);\n  }\n  .w-64 {\n    width: calc(0.25rem * 64);\n  }\n  .w-72 {\n    width: calc(0.25rem * 72);\n  }\n  .w-100 {\n    width: calc(0.25rem * 100);\n  }\n  .w-\\[2\\.6rem\\] {\n    width: 2.6rem;\n  }\n  .w-auto {\n    width: auto;\n  }\n  .w-fit {\n    width: fit-content;\n  }\n  .w-full {\n    width: 100%;\n  }\n  .w-max {\n    width: max-content;\n  }\n  .max-w-4\\/5 {\n    max-width: calc(4/5 * 100%);\n  }\n  .max-w-60 {\n    max-width: calc(0.25rem * 60);\n  }\n  .max-w-\\[30ch\\] {\n    max-width: 30ch;\n  }\n  .max-w-full {\n    max-width: 100%;\n  }\n  .max-w-lg {\n    max-width: 32rem;\n  }\n  .max-w-max {\n    max-width: max-content;\n  }\n  .min-w-0 {\n    min-width: calc(0.25rem * 0);\n  }\n  .min-w-10 {\n    min-width: calc(0.25rem * 10);\n  }\n  .min-w-20 {\n    min-width: calc(0.25rem * 20);\n  }\n  .min-w-24 {\n    min-width: calc(0.25rem * 24);\n  }\n  .min-w-full {\n    min-width: 100%;\n  }\n  .flex-1 {\n    flex: 1;\n  }\n  .flex-none {\n    flex: none;\n  }\n  .flex-shrink {\n    flex-shrink: 1;\n  }\n  .shrink-0 {\n    flex-shrink: 0;\n  }\n  .flex-grow {\n    flex-grow: 1;\n  }\n  .grow {\n    flex-grow: 1;\n  }\n  .basis-1\\/2 {\n    flex-basis: calc(1/2 * 100%);\n  }\n  .basis-8 {\n    flex-basis: calc(0.25rem * 8);\n  }\n  .border-collapse {\n    border-collapse: collapse;\n  }\n  .-translate-x-1\\/2 {\n    --tw-translate-x: calc(calc(1/2 * 100%) * -1);\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n  .translate-x-1\\/2 {\n    --tw-translate-x: calc(1/2 * 100%);\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n  .-translate-y-1\\/2 {\n    --tw-translate-y: calc(calc(1/2 * 100%) * -1);\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n  .scale-75 {\n    --tw-scale-x: 75%;\n    --tw-scale-y: 75%;\n    --tw-scale-z: 75%;\n    scale: var(--tw-scale-x) var(--tw-scale-y);\n  }\n  .scale-100 {\n    --tw-scale-x: 100%;\n    --tw-scale-y: 100%;\n    --tw-scale-z: 100%;\n    scale: var(--tw-scale-x) var(--tw-scale-y);\n  }\n  .rotate-180 {\n    rotate: 180deg;\n  }\n  .transform {\n    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);\n  }\n  .animate-pulse {\n    animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;\n  }\n  .animate-spin {\n    animation: spin 1s linear infinite;\n  }\n  .cursor-\\[inherit\\] {\n    cursor: inherit;\n  }\n  .cursor-pointer {\n    cursor: pointer;\n  }\n  .resize {\n    resize: both;\n  }\n  .resize-none {\n    resize: none;\n  }\n  .list-outside {\n    list-style-position: outside;\n  }\n  .list-decimal {\n    list-style-type: decimal;\n  }\n  .list-disc {\n    list-style-type: disc;\n  }\n  .list-none {\n    list-style-type: none;\n  }\n  .appearance-none {\n    appearance: none;\n  }\n  .grid-cols-\\[min-content_1fr\\] {\n    grid-template-columns: min-content 1fr;\n  }\n  .grid-cols-\\[min-content_auto\\] {\n    grid-template-columns: min-content auto;\n  }\n  .flex-col {\n    flex-direction: column;\n  }\n  .flex-row {\n    flex-direction: row;\n  }\n  .flex-nowrap {\n    flex-wrap: nowrap;\n  }\n  .flex-wrap {\n    flex-wrap: wrap;\n  }\n  .place-items-center {\n    place-items: center;\n  }\n  .content-center {\n    align-content: center;\n  }\n  .items-baseline {\n    align-items: baseline;\n  }\n  .items-center {\n    align-items: center;\n  }\n  .items-start {\n    align-items: flex-start;\n  }\n  .justify-between {\n    justify-content: space-between;\n  }\n  .justify-center {\n    justify-content: center;\n  }\n  .justify-end {\n    justify-content: flex-end;\n  }\n  .gap-0\\.5 {\n    gap: calc(0.25rem * 0.5);\n  }\n  .gap-1 {\n    gap: calc(0.25rem * 1);\n  }\n  .gap-2 {\n    gap: calc(0.25rem * 2);\n  }\n  .gap-3 {\n    gap: calc(0.25rem * 3);\n  }\n  .gap-4 {\n    gap: calc(0.25rem * 4);\n  }\n  .gap-8 {\n    gap: calc(0.25rem * 8);\n  }\n  :where(.space-y-1 > :not(:last-child)) {\n    --tw-space-y-reverse: 0;\n    margin-block-start: calc(calc(0.25rem * 1) * var(--tw-space-y-reverse));\n    margin-block-end: calc(calc(0.25rem * 1) * calc(1 - var(--tw-space-y-reverse)));\n  }\n  .gap-x-1\\.5 {\n    column-gap: calc(0.25rem * 1.5);\n  }\n  .gap-x-2 {\n    column-gap: calc(0.25rem * 2);\n  }\n  .gap-x-4 {\n    column-gap: calc(0.25rem * 4);\n  }\n  :where(.space-x-1\\.5 > :not(:last-child)) {\n    --tw-space-x-reverse: 0;\n    margin-inline-start: calc(calc(0.25rem * 1.5) * var(--tw-space-x-reverse));\n    margin-inline-end: calc(calc(0.25rem * 1.5) * calc(1 - var(--tw-space-x-reverse)));\n  }\n  .gap-y-0\\.5 {\n    row-gap: calc(0.25rem * 0.5);\n  }\n  :where(.divide-y > :not(:last-child)) {\n    --tw-divide-y-reverse: 0;\n    border-bottom-style: var(--tw-border-style);\n    border-top-style: var(--tw-border-style);\n    border-top-width: calc(1px * var(--tw-divide-y-reverse));\n    border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));\n  }\n  :where(.divide-neutral > :not(:last-child)) {\n    border-color: var(--atomic-neutral);\n  }\n  .self-center {\n    align-self: center;\n  }\n  .self-start {\n    align-self: flex-start;\n  }\n  .truncate {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n  .overflow-auto {\n    overflow: auto;\n  }\n  .overflow-hidden {\n    overflow: hidden;\n  }\n  .overflow-x-auto {\n    overflow-x: auto;\n  }\n  .overflow-x-clip {\n    overflow-x: clip;\n  }\n  .overflow-x-scroll {\n    overflow-x: scroll;\n  }\n  .overflow-y-auto {\n    overflow-y: auto;\n  }\n  .overflow-y-visible {\n    overflow-y: visible;\n  }\n  .scroll-smooth {\n    scroll-behavior: smooth;\n  }\n  .rounded {\n    border-radius: var(--atomic-border-radius);\n  }\n  .rounded-3xl {\n    border-radius: 1.5rem;\n  }\n  .rounded-full {\n    border-radius: calc(infinity * 1px);\n  }\n  .rounded-lg {\n    border-radius: var(--atomic-border-radius-lg);\n  }\n  .rounded-md {\n    border-radius: var(--atomic-border-radius-md);\n  }\n  .rounded-none {\n    border-radius: 0;\n  }\n  .rounded-sm {\n    border-radius: var(--atomic-border-radius);\n  }\n  .rounded-xl {\n    border-radius: var(--atomic-border-radius-xl);\n  }\n  .rounded-tl-none {\n    border-top-left-radius: 0;\n  }\n  .rounded-r-none {\n    border-top-right-radius: 0;\n    border-bottom-right-radius: 0;\n  }\n  .border {\n    border-style: var(--tw-border-style);\n    border-width: 1px;\n  }\n  .border-0 {\n    border-style: var(--tw-border-style);\n    border-width: 0px;\n  }\n  .border-t {\n    border-top-style: var(--tw-border-style);\n    border-top-width: 1px;\n  }\n  .border-r {\n    border-right-style: var(--tw-border-style);\n    border-right-width: 1px;\n  }\n  .border-b {\n    border-bottom-style: var(--tw-border-style);\n    border-bottom-width: 1px;\n  }\n  .border-l {\n    border-left-style: var(--tw-border-style);\n    border-left-width: 1px;\n  }\n  .border-solid {\n    --tw-border-style: solid;\n    border-style: solid;\n  }\n  .border-gray-200 {\n    border-color: oklch(0.928 0.006 264.531);\n  }\n  .border-neutral {\n    border-color: var(--atomic-neutral);\n  }\n  .border-neutral-dark {\n    border-color: var(--atomic-neutral-dark);\n  }\n  .border-neutral-dim {\n    border-color: var(--atomic-neutral-dim);\n  }\n  .border-primary {\n    border-color: var(--atomic-primary);\n  }\n  .border-primary-light {\n    border-color: var(--atomic-primary-light);\n  }\n  .border-t-neutral {\n    border-top-color: var(--atomic-neutral);\n  }\n  .border-b-neutral {\n    border-bottom-color: var(--atomic-neutral);\n  }\n  .border-b-neutral-dim {\n    border-bottom-color: var(--atomic-neutral-dim);\n  }\n  .border-l-neutral {\n    border-left-color: var(--atomic-neutral);\n  }\n  .border-l-neutral-dim {\n    border-left-color: var(--atomic-neutral-dim);\n  }\n  .bg-\\[\\#F1F2FF\\] {\n    background-color: #F1F2FF;\n  }\n  .bg-\\[rgba\\(40\\,40\\,40\\,0\\.8\\)\\] {\n    background-color: rgba(40,40,40,0.8);\n  }\n  .bg-background {\n    background-color: var(--atomic-background);\n  }\n  .bg-error {\n    background-color: var(--atomic-error);\n  }\n  .bg-gray-50 {\n    background-color: oklch(0.985 0.002 247.839);\n  }\n  .bg-neutral {\n    background-color: var(--atomic-neutral);\n  }\n  .bg-neutral-dark {\n    background-color: var(--atomic-neutral-dark);\n  }\n  .bg-neutral-light {\n    background-color: var(--atomic-neutral-light);\n  }\n  .bg-primary {\n    background-color: var(--atomic-primary);\n  }\n  .bg-primary-background {\n    background-color: var(--atomic-primary-background);\n  }\n  .bg-transparent {\n    background-color: transparent;\n  }\n  .bg-white {\n    background-color: #fff;\n  }\n  .bg-linear-to-l {\n    --tw-gradient-position: to left;\n  }\n  @supports (background-image: linear-gradient(in lab, red, red)) {\n    .bg-linear-to-l {\n      --tw-gradient-position: to left in oklab;\n    }\n  }\n  .bg-linear-to-l {\n    background-image: linear-gradient(var(--tw-gradient-stops));\n  }\n  .bg-linear-to-r {\n    --tw-gradient-position: to right;\n  }\n  @supports (background-image: linear-gradient(in lab, red, red)) {\n    .bg-linear-to-r {\n      --tw-gradient-position: to right in oklab;\n    }\n  }\n  .bg-linear-to-r {\n    background-image: linear-gradient(var(--tw-gradient-stops));\n  }\n  .from-background\\/60 {\n    --tw-gradient-from: color-mix(in srgb, #ffffff 60%, transparent);\n  }\n  @supports (color: color-mix(in lab, red, red)) {\n    .from-background\\/60 {\n      --tw-gradient-from: color-mix(in oklab, var(--atomic-background) 60%, transparent);\n    }\n  }\n  .from-background\\/60 {\n    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\n  }\n  .from-more-results-progress-bar-color-from {\n    --tw-gradient-from: var(\n    --atomic-more-results-progress-bar-color-from,\n    var(--atomic-primary-dark)\n  );\n    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\n  }\n  .to-more-results-progress-bar-color-to {\n    --tw-gradient-to: var(\n    --atomic-more-results-progress-bar-color-to,\n    var(--atomic-primary-light)\n  );\n    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\n  }\n  .fill-current {\n    fill: currentcolor;\n  }\n  .stroke-\\[1\\.25\\] {\n    stroke-width: 1.25;\n  }\n  .object-contain {\n    object-fit: contain;\n  }\n  .p-0 {\n    padding: calc(0.25rem * 0);\n  }\n  .p-1 {\n    padding: calc(0.25rem * 1);\n  }\n  .p-2 {\n    padding: calc(0.25rem * 2);\n  }\n  .p-2\\.5 {\n    padding: calc(0.25rem * 2.5);\n  }\n  .p-3 {\n    padding: calc(0.25rem * 3);\n  }\n  .p-3\\.5 {\n    padding: calc(0.25rem * 3.5);\n  }\n  .p-4 {\n    padding: calc(0.25rem * 4);\n  }\n  .p-6 {\n    padding: calc(0.25rem * 6);\n  }\n  .p-7 {\n    padding: calc(0.25rem * 7);\n  }\n  .p-8 {\n    padding: calc(0.25rem * 8);\n  }\n  .px-1 {\n    padding-inline: calc(0.25rem * 1);\n  }\n  .px-2 {\n    padding-inline: calc(0.25rem * 2);\n  }\n  .px-2\\.5 {\n    padding-inline: calc(0.25rem * 2.5);\n  }\n  .px-3 {\n    padding-inline: calc(0.25rem * 3);\n  }\n  .px-4 {\n    padding-inline: calc(0.25rem * 4);\n  }\n  .px-6 {\n    padding-inline: calc(0.25rem * 6);\n  }\n  .px-9 {\n    padding-inline: calc(0.25rem * 9);\n  }\n  .py-0\\.5 {\n    padding-block: calc(0.25rem * 0.5);\n  }\n  .py-1 {\n    padding-block: calc(0.25rem * 1);\n  }\n  .py-1\\.5 {\n    padding-block: calc(0.25rem * 1.5);\n  }\n  .py-2 {\n    padding-block: calc(0.25rem * 2);\n  }\n  .py-2\\.5 {\n    padding-block: calc(0.25rem * 2.5);\n  }\n  .py-3 {\n    padding-block: calc(0.25rem * 3);\n  }\n  .py-3\\.5 {\n    padding-block: calc(0.25rem * 3.5);\n  }\n  .py-4 {\n    padding-block: calc(0.25rem * 4);\n  }\n  .py-4\\.5 {\n    padding-block: calc(0.25rem * 4.5);\n  }\n  .py-5 {\n    padding-block: calc(0.25rem * 5);\n  }\n  .py-6 {\n    padding-block: calc(0.25rem * 6);\n  }\n  .pt-0\\.5 {\n    padding-top: calc(0.25rem * 0.5);\n  }\n  .pt-8 {\n    padding-top: calc(0.25rem * 8);\n  }\n  .pr-2 {\n    padding-right: calc(0.25rem * 2);\n  }\n  .pr-6 {\n    padding-right: calc(0.25rem * 6);\n  }\n  .pr-24 {\n    padding-right: calc(0.25rem * 24);\n  }\n  .pb-1 {\n    padding-bottom: calc(0.25rem * 1);\n  }\n  .pb-3 {\n    padding-bottom: calc(0.25rem * 3);\n  }\n  .pb-4 {\n    padding-bottom: calc(0.25rem * 4);\n  }\n  .pb-5 {\n    padding-bottom: calc(0.25rem * 5);\n  }\n  .pb-6 {\n    padding-bottom: calc(0.25rem * 6);\n  }\n  .pl-0 {\n    padding-left: calc(0.25rem * 0);\n  }\n  .pl-1 {\n    padding-left: calc(0.25rem * 1);\n  }\n  .pl-3 {\n    padding-left: calc(0.25rem * 3);\n  }\n  .pl-7 {\n    padding-left: calc(0.25rem * 7);\n  }\n  .pl-9 {\n    padding-left: calc(0.25rem * 9);\n  }\n  .pl-10 {\n    padding-left: calc(0.25rem * 10);\n  }\n  .text-center {\n    text-align: center;\n  }\n  .text-left {\n    text-align: left;\n  }\n  .align-baseline {\n    vertical-align: baseline;\n  }\n  .align-bottom {\n    vertical-align: bottom;\n  }\n  .align-middle {\n    vertical-align: middle;\n  }\n  .font-sans {\n    font-family: var(--atomic-font-family);\n  }\n  .set-font-size-sm {\n    --font-size: var(--atomic-text-sm);\n    font-size: var(--font-size);\n    --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n    line-height: var(--line-height);\n  }\n  .set-font-size-sm {\n    --font-size: var(--atomic-text-sm);\n    font-size: var(--font-size);\n    --line-height: calc(var(--font-size) * var(--atomic-line-height-ratio));\n    line-height: var(--line-height);\n  }\n  .text-2xl {\n    font-size: var(--atomic-text-2xl);\n    line-height: var(--tw-leading, calc(2 / 1.5));\n  }\n  .text-base {\n    font-size: var(--atomic-text-base);\n    line-height: var(--tw-leading, calc(1.5 / 1));\n  }\n  .text-lg {\n    font-size: var(--atomic-text-lg);\n    line-height: var(--tw-leading, calc(1.75 / 1.125));\n  }\n  .text-sm {\n    font-size: var(--atomic-text-sm);\n    line-height: var(--tw-leading, calc(1.25 / 0.875));\n  }\n  .text-xl {\n    font-size: var(--atomic-text-xl);\n    line-height: var(--tw-leading, calc(1.75 / 1.25));\n  }\n  .text-xs {\n    font-size: 0.75rem;\n    line-height: var(--tw-leading, calc(1 / 0.75));\n  }\n  .text-xs\\/\\[1rem\\] {\n    font-size: 0.75rem;\n    line-height: 1rem;\n  }\n  .leading-4 {\n    --tw-leading: calc(0.25rem * 4);\n    line-height: calc(0.25rem * 4);\n  }\n  .leading-5 {\n    --tw-leading: calc(0.25rem * 5);\n    line-height: calc(0.25rem * 5);\n  }\n  .leading-6 {\n    --tw-leading: calc(0.25rem * 6);\n    line-height: calc(0.25rem * 6);\n  }\n  .leading-8 {\n    --tw-leading: calc(0.25rem * 8);\n    line-height: calc(0.25rem * 8);\n  }\n  .leading-10 {\n    --tw-leading: calc(0.25rem * 10);\n    line-height: calc(0.25rem * 10);\n  }\n  .leading-\\[1\\.5\\] {\n    --tw-leading: 1.5;\n    line-height: 1.5;\n  }\n  .leading-\\[calc\\(1\\/\\.75\\)\\] {\n    --tw-leading: calc(1 / .75);\n    line-height: calc(1 / .75);\n  }\n  .leading-\\[var\\(--line-height\\)\\] {\n    --tw-leading: var(--line-height);\n    line-height: var(--line-height);\n  }\n  .leading-none {\n    --tw-leading: 1;\n    line-height: 1;\n  }\n  .font-bold {\n    --tw-font-weight: var(--atomic-font-bold);\n    font-weight: var(--atomic-font-bold);\n  }\n  .font-light {\n    --tw-font-weight: 300;\n    font-weight: 300;\n  }\n  .font-medium {\n    --tw-font-weight: 500;\n    font-weight: 500;\n  }\n  .font-normal {\n    --tw-font-weight: var(--atomic-font-normal);\n    font-weight: var(--atomic-font-normal);\n  }\n  .font-semibold {\n    --tw-font-weight: 600;\n    font-weight: 600;\n  }\n  .break-words {\n    overflow-wrap: break-word;\n  }\n  .break-all {\n    word-break: break-all;\n  }\n  .break-keep {\n    word-break: keep-all;\n  }\n  .text-ellipsis {\n    text-overflow: ellipsis;\n  }\n  .whitespace-normal {\n    white-space: normal;\n  }\n  .whitespace-nowrap {\n    white-space: nowrap;\n  }\n  .whitespace-pre-wrap {\n    white-space: pre-wrap;\n  }\n  .text-\\[\\#54698D\\] {\n    color: #54698D;\n  }\n  .text-\\[inherit\\] {\n    color: inherit;\n  }\n  .text-black {\n    color: #000;\n  }\n  .text-error {\n    color: var(--atomic-error);\n  }\n  .text-gray-500 {\n    color: oklch(0.551 0.027 264.364);\n  }\n  .text-gray-600 {\n    color: oklch(0.446 0.03 256.802);\n  }\n  .text-gray-700 {\n    color: oklch(0.373 0.034 259.733);\n  }\n  .text-gray-900 {\n    color: oklch(0.21 0.034 264.665);\n  }\n  .text-green-600 {\n    color: oklch(0.627 0.194 149.214);\n  }\n  .text-inline-code {\n    color: var(--atomic-inline-code);\n  }\n  .text-neutral {\n    color: var(--atomic-neutral);\n  }\n  .text-neutral-dark {\n    color: var(--atomic-neutral-dark);\n  }\n  .text-on-background {\n    color: var(--atomic-on-background);\n  }\n  .text-on-primary {\n    color: var(--atomic-on-primary);\n  }\n  .text-primary {\n    color: var(--atomic-primary);\n  }\n  .text-primary-light {\n    color: var(--atomic-primary-light);\n  }\n  .text-rating-icon-active {\n    color: var(--atomic-rating-icon-active-color, #f6ce3c);\n  }\n  .text-rating-icon-inactive {\n    color: var(\n    --atomic-rating-icon-inactive-color,\n    var(--atomic-neutral)\n  );\n  }\n  .text-success {\n    color: var(--atomic-success);\n  }\n  .text-transparent {\n    color: transparent;\n  }\n  .capitalize {\n    text-transform: capitalize;\n  }\n  .lowercase {\n    text-transform: lowercase;\n  }\n  .italic {\n    font-style: italic;\n  }\n  .line-through {\n    text-decoration-line: line-through;\n  }\n  .placeholder-neutral-dark::placeholder {\n    color: var(--atomic-neutral-dark);\n  }\n  .opacity-0 {\n    opacity: 0%;\n  }\n  .opacity-50 {\n    opacity: 50%;\n  }\n  .opacity-80 {\n    opacity: 80%;\n  }\n  .shadow {\n    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n  .shadow-inner-primary {\n    --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, var(--atomic-primary));\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n  .shadow-lg {\n    --tw-shadow: 0px 2px 8px var(--tw-shadow-color, rgba(229, 232, 232, 0.75));\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n  .shadow-sm {\n    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n  .shadow-t-lg {\n    --tw-shadow: 0px -2px 8px var(--tw-shadow-color, rgba(229, 232, 232, 0.75));\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n  .ring {\n    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n  .ring-1 {\n    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n  .ring-3 {\n    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n  .ring-primary {\n    --tw-ring-color: var(--atomic-primary);\n  }\n  .ring-primary-light {\n    --tw-ring-color: var(--atomic-primary-light);\n  }\n  .ring-ring-primary {\n    --tw-ring-color: var(--atomic-ring-primary);\n  }\n  .outline {\n    outline-style: var(--tw-outline-style);\n    outline-width: 1px;\n  }\n  .outline-error {\n    outline-color: var(--atomic-error);\n  }\n  .outline-neutral {\n    outline-color: var(--atomic-neutral);\n  }\n  .outline-primary {\n    outline-color: var(--atomic-primary);\n  }\n  .blur {\n    --tw-blur: blur(8px);\n    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\n  }\n  .grayscale {\n    --tw-grayscale: grayscale(100%);\n    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\n  }\n  .invert {\n    --tw-invert: invert(100%);\n    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\n  }\n  .filter {\n    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\n  }\n  .transition {\n    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, 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-primary-light:hover {\n      color: var(--atomic-primary-light);\n    }\n  }\n  @media (hover: hover) {\n    .hover\\:underline:hover {\n      text-decoration-line: underline;\n    }\n  }\n  @media (hover: hover) {\n    .hover\\:opacity-100:hover {\n      opacity: 100%;\n    }\n  }\n  @media (hover: hover) {\n    .hover\\:shadow-sm:hover {\n      --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\n      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n    }\n  }\n  .focus\\:opacity-100:focus {\n    opacity: 100%;\n  }\n  .focus\\:outline-hidden:focus {\n    --tw-outline-style: none;\n    outline-style: none;\n  }\n  @media (forced-colors: active) {\n    .focus\\:outline-hidden:focus {\n      outline: 2px solid transparent;\n      outline-offset: 2px;\n    }\n  }\n  .focus-visible\\:border:focus-visible {\n    border-style: var(--tw-border-style);\n    border-width: 1px;\n  }\n  .focus-visible\\:border-error:focus-visible {\n    border-color: var(--atomic-error);\n  }\n  .focus-visible\\:border-primary:focus-visible {\n    border-color: var(--atomic-primary);\n  }\n  .focus-visible\\:border-primary-light:focus-visible {\n    border-color: var(--atomic-primary-light);\n  }\n  .focus-visible\\:bg-error:focus-visible {\n    background-color: var(--atomic-error);\n  }\n  .focus-visible\\:bg-neutral-light:focus-visible {\n    background-color: var(--atomic-neutral-light);\n  }\n  .focus-visible\\:bg-primary-light:focus-visible {\n    background-color: var(--atomic-primary-light);\n  }\n  .focus-visible\\:text-primary-light:focus-visible {\n    color: var(--atomic-primary-light);\n  }\n  .focus-visible\\:underline:focus-visible {\n    text-decoration-line: underline;\n  }\n  .focus-visible\\:ring-2:focus-visible {\n    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n  .focus-visible\\:outline-none:focus-visible {\n    --tw-outline-style: none;\n    outline-style: none;\n  }\n  @media (width >= 40rem) {\n    .sm\\:px-6 {\n      padding-inline: calc(0.25rem * 6);\n    }\n  }\n  .\\[part\\=\\"breadcrumb-button\\"\\]\\:visible:is(part="breadcrumb-button") {\n    visibility: visible;\n  }\n}\n@layer theme, base, components, utilities;\n@layer components {\n  .input-primary {\n    border-radius: var(--atomic-border-radius);\n    border-style: var(--tw-border-style);\n    border-width: 1px;\n    border-color: var(--atomic-neutral);\n    background-color: var(--atomic-background);\n  }\n  @media (hover: hover) {\n    .input-primary:hover {\n      border-color: var(--atomic-primary-light);\n    }\n  }\n  .input-primary:focus-visible {\n    border-color: var(--atomic-primary);\n  }\n  .input-primary:focus-visible {\n    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n  .input-primary:focus-visible {\n    --tw-ring-color: var(--atomic-ring-primary);\n  }\n  .input-primary:focus-visible {\n    --tw-outline-style: none;\n    outline-style: none;\n  }\n  .btn-radio {\n    -webkit-appearance: none;\n    -moz-appearance: none;\n    appearance: none;\n  }\n  .btn-radio::before {\n    --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}\ninput[type=\'text\']:focus-visible ~ .search-icon {\n  color: var(--atomic-primary);\n}\ninput[type=\'text\']:hover ~ .search-icon {\n  color: var(--atomic-primary-light);\n}\n.search-icon atomic-icon {\n  width: var(--atomic-facet-search-icon-size, 0.75rem);\n  height: var(--atomic-facet-search-icon-size, 0.75rem);\n}\n.search-clear-button atomic-icon {\n  width: var(--atomic-facet-search-clear-icon-size, 0.625rem);\n  height: var(--atomic-facet-search-clear-icon-size, 0.625rem);\n}\n.value-checkbox {\n  width: var(--atomic-facet-checkbox-size, 1rem);\n  height: var(--atomic-facet-checkbox-size, 1rem);\n  position: absolute;\n  left: calc(0.25rem * 2);\n  z-index: 1;\n}\n.value-checkbox + label {\n  display: flex;\n  width: 100%;\n  cursor: pointer;\n  flex-direction: row;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  padding-block: calc(0.25rem * 2.5);\n  padding-right: calc(0.25rem * 2);\n  padding-left: calc(0.25rem * 8);\n  color: var(--atomic-on-background);\n}\n@media (hover: hover) {\n  .value-checkbox + label:hover {\n    background-color: var(--atomic-neutral-light);\n  }\n}\n.value-checkbox.selected:focus-visible + label .value-label, .value-checkbox.selected:hover + label .value-label {\n  color: var(--atomic-primary);\n}\n.value-checkbox.excluded:focus-visible + label .value-label, .value-checkbox.excluded:hover + label .value-label {\n  color: var(--atomic-error);\n}\n.value-exclude-button:focus-visible atomic-icon {\n  visibility: visible;\n}\n.box-container {\n  display: grid;\n  padding-inline: calc(0.25rem * 2);\n  grid-template-columns: repeat(var(--atomic-facet-boxes-per-row, 4), minmax(0, 1fr));\n  gap: var(--atomic-facet-boxes-gap, 0.5rem);\n}\n.value-box .value-label, .value-box-count {\n  display: block;\n  width: 100%;\n}\n.value-box.selected {\n  box-shadow: 0 0 0 1px var(--atomic-primary);\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 V=S;var F=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 C=class{constructor(n){t(this,n);this.dependsOn={};this.label="no-label";this.numberOfValues=8;this.sortCriteria="automatic";this.resultsMustMatch="atLeastOneValue";this.displayValuesAs="checkbox";this.isCollapsed=false;this.headingLevel=0;this.filterFacetCount=true;this.injectionDepth=1e3;this.enableExclusion=false;this.facetState=undefined;this.searchStatusState=undefined;this.error=undefined;this.facetId=undefined;this.label="no-label";this.field=undefined;this.numberOfValues=8;this.sortCriteria="automatic";this.resultsMustMatch="atLeastOneValue";this.displayValuesAs="checkbox";this.isCollapsed=false;this.headingLevel=0;this.filterFacetCount=true;this.injectionDepth=1e3;this.enableExclusion=false}initialize(){const n={facetId:this.facetId,field:this.field,numberOfValues:this.numberOfValues,sortCriteria:this.sortCriteria,facetSearch:{numberOfValues:this.numberOfValues},filterFacetCount:this.filterFacetCount,injectionDepth:this.injectionDepth};this.facet=e(this.bindings.engine,{options:n});this.facetId=this.facet.state.facetId;this.searchStatus=i(this.bindings.engine);this.initAriaLive();this.initConditionManager();this.initPopover();this.registerFacet()}get focusTargets(){if(!this.showLessFocus){this.showLessFocus=new c(this)}if(!this.showMoreFocus){this.showMoreFocus=new c(this)}if(!this.headerFocus){this.headerFocus=new c(this)}return{showLess:this.showLessFocus,showMore:this.showMoreFocus,header:this.headerFocus}}disconnectedCallback(){if(this.host.isConnected){return}this.facetConditionsManager?.stopWatching()}render(){return n(p,{key:"bda78064bed06d1abef2fb13620abfd2360cc344",enabled:this.facetState.enabled,hasError:this.searchStatusState.hasError,firstSearchExecuted:this.searchStatusState.firstSearchExecuted,hasResults:this.facetState.values.length>0},this.searchStatusState.firstSearchExecuted?n(h,null,n(m,{i18n:this.bindings.i18n,label:this.label,onClearFilters:()=>{this.focusTargets.header.focusAfterSearch();this.facet.deselectAll()},numberOfActiveValues:this.activeValues.length,isCollapsed:this.isCollapsed,headingLevel:this.headingLevel,onToggleCollapse:()=>this.isCollapsed=!this.isCollapsed,headerRef:n=>this.focusTargets.header.setTarget(n)}),this.renderBody()):n(w,{numberOfValues:this.numberOfValues,isCollapsed:this.isCollapsed}))}renderBody(){if(this.isCollapsed){return}return[this.renderValues(),this.renderShowMoreLess()]}renderValuesContainer(t,r){const e=`mt-3 ${this.displayValuesAs==="box"?"box-container":""}`;return n(k,{i18n:this.bindings.i18n,label:this.label,query:r},n("ul",{class:e,part:"values"},t))}renderValues(){return this.renderValuesContainer(this.facet.state.values.map(((t,r)=>{const e=r===0;const i=r===(this.sortCriteria==="automatic"?0:this.facetState.values.length-1);return n(j,{...this.facetValueProps,facetCount:t.numberOfResults,onExclude:()=>this.facet.toggleExclude(t),onSelect:()=>this.displayValuesAs==="link"?this.facet.toggleSingleSelect(t):this.facet.toggleSelect(t),facetValue:t.value,facetState:t.state,setRef:n=>{if(e){this.showLessFocus?.setTarget(n)}if(i){this.showMoreFocus?.setTarget(n)}}})})))}renderShowMoreLess(){return n(b,{label:this.label,i18n:this.bindings.i18n,onShowMore:()=>{this.focusTargets.showMore.focusAfterSearch();this.facet.showMoreValues()},onShowLess:()=>{this.focusTargets.showLess.focusAfterSearch();this.facet.showLessValues()},canShowMoreValues:this.facet.state.canShowMoreValues,canShowLessValues:this.facet.state.canShowLessValues})}get activeValues(){return this.facet.state.values.filter((({state:n})=>n!=="idle"))}get facetValueProps(){return{facetSearchQuery:this.facetState.facetSearch.query,displayValuesAs:this.displayValuesAs,enableExclusion:this.enableExclusion,field:this.field,i18n:this.bindings.i18n}}initAriaLive(){v(this.facet,this.label,(n=>this.facetSearchAriaMessage=n),this.bindings.i18n)}initConditionManager(){this.facetConditionsManager=a(this.bindings.engine,{facetId:this.facetId,conditions:d(this.dependsOn)})}initPopover(){z(this.host,{...this.facetInfo,hasValues:()=>!!this.facet.state.values.length,numberOfActiveValues:()=>this.activeValues.length})}get isHidden(){return!this.facet.state.enabled||!this.facet.state.values.length}get facetInfo(){return{label:()=>this.bindings.i18n.t(this.label),facetId:this.facetId,element:this.host,isHidden:()=>this.isHidden}}registerFacet(){this.bindings.store.registerFacet("facets",this.facetInfo)}get host(){return r(this)}};F([o()],C.prototype,"bindings",void 0);F([l("facet")],C.prototype,"facetState",void 0);F([l("searchStatus")],C.prototype,"searchStatusState",void 0);F([s("facet-search")],C.prototype,"facetSearchAriaMessage",void 0);C.style=V;export{C as atomic_insight_facet};
-//# sourceMappingURL=p-745b06c3.entry.js.map

package/dist/atomic/p-745b06c3.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["FacetValue","facetSearchQuery","displayValuesAs","enableExclusion","facetCount","facetState","facetValue","field","i18n","onExclude","onSelect","setRef","displayValue","getFieldValueCaption","isSelected","isExcluded","triStateProps","state","h","FacetValueCheckbox","numberOfResults","onClick","searchQuery","buttonRef","element","FacetValueLabelHighlight","FacetValueLink","FacetValueBox","atomicInsightFacetCss","AtomicInsightFacetStyle0","AtomicInsightFacet","this","dependsOn","label","numberOfValues","sortCriteria","resultsMustMatch","isCollapsed","headingLevel","filterFacetCount","injectionDepth","initialize","options","facetId","facetSearch","facet","buildInsightFacet","bindings","engine","searchStatus","buildInsightSearchStatus","initAriaLive","initConditionManager","initPopover","registerFacet","focusTargets","showLessFocus","FocusTargetController","showMoreFocus","headerFocus","showLess","showMore","header","disconnectedCallback","host","isConnected","facetConditionsManager","stopWatching","render","FacetGuard","key","enabled","hasError","searchStatusState","firstSearchExecuted","hasResults","values","length","FacetContainer","FacetHeader","onClearFilters","focusAfterSearch","deselectAll","numberOfActiveValues","activeValues","onToggleCollapse","headerRef","el","setTarget","renderBody","FacetPlaceholder","renderValues","renderShowMoreLess","renderValuesContainer","children","query","classes","FacetValuesGroup","class","part","map","value","i","shouldFocusOnShowLessAfterInteraction","shouldFocusOnShowMoreAfterInteraction","facetValueProps","toggleExclude","toggleSingleSelect","toggleSelect","btn","FacetShowMoreLess","onShowMore","showMoreValues","onShowLess","showLessValues","canShowMoreValues","canShowLessValues","filter","announceFacetSearchResultsWithAriaLive","msg","facetSearchAriaMessage","buildInsightFacetConditionsManager","conditions","parseDependsOn","initializePopover","facetInfo","hasValues","isHidden","t","store","__decorate","InitializeBindings","BindStateToController","AriaLiveRegion"],"sources":["src/components/common/facets/facet-value/stencil-facet-value.tsx","src/components/insight/atomic-insight-facet/atomic-insight-facet.pcss?tag=atomic-insight-facet&encapsulation=shadow","src/components/insight/atomic-insight-facet/atomic-insight-facet.tsx"],"sourcesContent":["import {FunctionalComponent, h} from '@stencil/core';\nimport {i18n} from 'i18next';\nimport {getFieldValueCaption} from '../../../../utils/field-utils';\nimport {FacetValueBox} from '../facet-value-box/stencil-facet-value-box';\nimport {FacetValueCheckbox} from '../facet-value-checkbox/stencil-facet-value-checkbox';\nimport {FacetValueLabelHighlight} from '../facet-value-label-highlight/stencil-facet-value-label-highlight';\nimport {FacetValueLink} from '../facet-value-link/stencil-facet-value-link';\n\nexport interface FacetValueProps {\n  field: string;\n  facetValue: string;\n  facetCount: number;\n  facetState: 'idle' | 'selected' | 'excluded';\n  i18n: i18n;\n  enableExclusion: boolean;\n  onExclude: () => void;\n  onSelect: () => void;\n  displayValuesAs: 'checkbox' | 'link' | 'box';\n  facetSearchQuery: string;\n  setRef?: (btn?: HTMLButtonElement) => void;\n}\n\nexport const FacetValue: FunctionalComponent<FacetValueProps> = ({\n  facetSearchQuery,\n  displayValuesAs,\n  enableExclusion,\n  facetCount,\n  facetState,\n  facetValue,\n  field,\n  i18n,\n  onExclude,\n  onSelect,\n  setRef,\n}) => {\n  const displayValue = getFieldValueCaption(field, facetValue, i18n);\n  const isSelected = facetState === 'selected';\n  const isExcluded = facetState === 'excluded';\n  const triStateProps = enableExclusion\n    ? {\n        onExclude,\n        state: facetState,\n      }\n    : {};\n  switch (displayValuesAs) {\n    case 'checkbox':\n      return (\n        <FacetValueCheckbox\n          {...triStateProps}\n          displayValue={displayValue}\n          numberOfResults={facetCount}\n          isSelected={isSelected}\n          i18n={i18n}\n          onClick={onSelect}\n          searchQuery={facetSearchQuery}\n          buttonRef={(element) => {\n            setRef && setRef(element);\n          }}\n        >\n          <FacetValueLabelHighlight\n            displayValue={displayValue}\n            isSelected={isSelected}\n            isExcluded={isExcluded}\n            searchQuery={facetSearchQuery}\n          ></FacetValueLabelHighlight>\n        </FacetValueCheckbox>\n      );\n    case 'link':\n      return (\n        <FacetValueLink\n          displayValue={displayValue}\n          numberOfResults={facetCount}\n          isSelected={isSelected}\n          i18n={i18n}\n          onClick={onSelect}\n          searchQuery={facetSearchQuery}\n          buttonRef={(element) => {\n            setRef && setRef(element);\n          }}\n        >\n          <FacetValueLabelHighlight\n            displayValue={displayValue}\n            isSelected={isSelected}\n            searchQuery={facetSearchQuery}\n          ></FacetValueLabelHighlight>\n        </FacetValueLink>\n      );\n    case 'box':\n      return (\n        <FacetValueBox\n          displayValue={displayValue}\n          numberOfResults={facetCount}\n          isSelected={isSelected}\n          i18n={i18n}\n          onClick={onSelect}\n          searchQuery={facetSearchQuery}\n          buttonRef={(element) => {\n            setRef && setRef(element);\n          }}\n        >\n          <FacetValueLabelHighlight\n            displayValue={displayValue}\n            isSelected={isSelected}\n            searchQuery={facetSearchQuery}\n          ></FacetValueLabelHighlight>\n        </FacetValueBox>\n      );\n  }\n};\n","@import '../../common/facets/facet-common.pcss';\n@import '../../common/facets/facet-search/facet-search.pcss';\n@import '../../common/facets/facet-value-checkbox/facet-value-checkbox.pcss';\n@import '../../common/facets/facet-value-exclude/facet-value-exclude.pcss';\n@import '../../common/facets/facet-value-box/facet-value-box.pcss';\n","import {FacetResultsMustMatch} from '@coveo/headless';\nimport {\n  buildFacet as buildInsightFacet,\n  buildFacetConditionsManager as buildInsightFacetConditionsManager,\n  buildSearchStatus as buildInsightSearchStatus,\n  CategoryFacetValueRequest as InsightCategoryFacetValueRequest,\n  Facet as InsightFacet,\n  FacetConditionsManager as InsightFacetConditionsManager,\n  FacetOptions as InsightFacetOptions,\n  FacetSortCriterion as InsightFacetSortCriterion,\n  FacetState as InsightFacetState,\n  FacetValueRequest as InsightFacetValueRequest,\n  SearchStatus as InsightSearchStatus,\n  SearchStatusState as InsightSearchStatusState,\n} from '@coveo/headless/insight';\nimport {Component, h, State, Prop, Element, VNode} from '@stencil/core';\nimport {\n  BindStateToController,\n  InitializableComponent,\n  InitializeBindings,\n} from '../../../utils/initialization-utils';\nimport {\n  AriaLiveRegion,\n  FocusTargetController,\n} from '../../../utils/stencil-accessibility-utils';\nimport {parseDependsOn} from '../../common/facets/depends-on';\nimport {FacetInfo} from '../../common/facets/facet-common-store';\nimport {FacetContainer} from '../../common/facets/facet-container/stencil-facet-container';\nimport {FacetGuard} from '../../common/facets/stencil-facet-guard';\nimport {FacetHeader} from '../../common/facets/facet-header/stencil-facet-header';\nimport {FacetPlaceholder} from '../../common/facets/facet-placeholder/facet-placeholder';\nimport {announceFacetSearchResultsWithAriaLive} from '../../common/facets/facet-search/facet-search-aria-live';\nimport {FacetShowMoreLess} from '../../common/facets/facet-show-more-less/stencil-facet-show-more-less';\nimport {\n  FacetValueProps,\n  FacetValue,\n} from '../../common/facets/facet-value/stencil-facet-value';\nimport {FacetValuesGroup} from '../../common/facets/facet-values-group/stencil-facet-values-group';\nimport {initializePopover} from '../../common/facets/popover/popover-type';\nimport {InsightBindings} from '../atomic-insight-interface/atomic-insight-interface';\n\n/**\n * @internal\n */\n@Component({\n  tag: 'atomic-insight-facet',\n  styleUrl: 'atomic-insight-facet.pcss',\n  shadow: true,\n})\nexport class AtomicInsightFacet\n  implements InitializableComponent<InsightBindings>\n{\n  @InitializeBindings() public bindings!: InsightBindings;\n  public facet!: InsightFacet;\n  public searchStatus!: InsightSearchStatus;\n  public dependsOn = {};\n  @Element() private host!: HTMLElement;\n\n  @BindStateToController('facet')\n  @State()\n  public facetState!: InsightFacetState;\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   */\n  @Prop({reflect: true}) public label = 'no-label';\n  /**\n   * The field whose values you want to display in the facet.\n   */\n  @Prop({reflect: true}) public field!: string;\n  /**\n   * The number of values to request for this facet.\n   * Also determines the number of additional values to request each time more values are shown.\n   */\n  @Prop({reflect: true}) public numberOfValues = 8;\n  /**\n   * The sort criterion to apply to the returned facet values.\n   * Possible values are 'score', 'alphanumeric', 'alphanumericDescending', 'occurrences', alphanumericNatural', 'alphanumericNaturalDescending' and 'automatic'.\n   */\n  @Prop({reflect: true}) public sortCriteria: InsightFacetSortCriterion =\n    'automatic';\n  /**\n   * Specifies how a result must match the selected facet values.\n   * Allowed values:\n   * - `atLeastOneValue`: A result will match if at least one of the corresponding facet values is selected.\n   * - `allValues`: A result will match if all corresponding facet values are selected.\n   */\n  @Prop({reflect: true}) public resultsMustMatch: FacetResultsMustMatch =\n    'atLeastOneValue';\n  /**\n   * Whether to display the facet values as checkboxes (multiple selection), links (single selection) or boxes (multiple selection).\n   * Possible values are 'checkbox', 'link', and 'box'.\n   */\n  @Prop({reflect: true}) public displayValuesAs: 'checkbox' | 'link' | 'box' =\n    'checkbox';\n  /**\n   * Specifies 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() public injectionDepth = 1000;\n  /**\n   * Whether to allow excluding values from the facet.\n   */\n  @Prop({reflect: true}) public enableExclusion = false;\n\n  private showLessFocus?: FocusTargetController;\n  private showMoreFocus?: FocusTargetController;\n  private headerFocus?: FocusTargetController;\n  private facetConditionsManager?: InsightFacetConditionsManager;\n\n  @AriaLiveRegion('facet-search')\n  protected facetSearchAriaMessage!: string;\n\n  public initialize() {\n    const options: InsightFacetOptions = {\n      facetId: this.facetId,\n      field: this.field,\n      numberOfValues: this.numberOfValues,\n      sortCriteria: this.sortCriteria,\n      facetSearch: {numberOfValues: this.numberOfValues},\n      filterFacetCount: this.filterFacetCount,\n      injectionDepth: this.injectionDepth,\n    };\n\n    this.facet = buildInsightFacet(this.bindings.engine, {options});\n    this.facetId = this.facet.state.facetId;\n    this.searchStatus = buildInsightSearchStatus(this.bindings.engine);\n    this.initAriaLive();\n    this.initConditionManager();\n    this.initPopover();\n    this.registerFacet();\n  }\n\n  private get focusTargets(): {\n    showLess: FocusTargetController;\n    showMore: FocusTargetController;\n    header: FocusTargetController;\n  } {\n    if (!this.showLessFocus) {\n      this.showLessFocus = new FocusTargetController(this);\n    }\n    if (!this.showMoreFocus) {\n      this.showMoreFocus = new FocusTargetController(this);\n    }\n    if (!this.headerFocus) {\n      this.headerFocus = new FocusTargetController(this);\n    }\n    return {\n      showLess: this.showLessFocus,\n      showMore: this.showMoreFocus,\n      header: this.headerFocus,\n    };\n  }\n\n  public disconnectedCallback() {\n    if (this.host.isConnected) {\n      return;\n    }\n    this.facetConditionsManager?.stopWatching();\n  }\n\n  public render() {\n    return (\n      <FacetGuard\n        enabled={this.facetState.enabled}\n        hasError={this.searchStatusState.hasError}\n        firstSearchExecuted={this.searchStatusState.firstSearchExecuted}\n        hasResults={this.facetState.values.length > 0}\n      >\n        {this.searchStatusState.firstSearchExecuted ? (\n          <FacetContainer>\n            <FacetHeader\n              i18n={this.bindings.i18n}\n              label={this.label}\n              onClearFilters={() => {\n                this.focusTargets.header.focusAfterSearch();\n                this.facet.deselectAll();\n              }}\n              numberOfActiveValues={this.activeValues.length}\n              isCollapsed={this.isCollapsed}\n              headingLevel={this.headingLevel}\n              onToggleCollapse={() => (this.isCollapsed = !this.isCollapsed)}\n              headerRef={(el) => this.focusTargets.header.setTarget(el)}\n            ></FacetHeader>\n            {this.renderBody()}\n          </FacetContainer>\n        ) : (\n          <FacetPlaceholder\n            numberOfValues={this.numberOfValues}\n            isCollapsed={this.isCollapsed}\n          />\n        )}\n      </FacetGuard>\n    );\n  }\n\n  private renderBody() {\n    if (this.isCollapsed) {\n      return;\n    }\n    return [this.renderValues(), this.renderShowMoreLess()];\n  }\n\n  private renderValuesContainer(children: VNode[], query?: string) {\n    const classes = `mt-3 ${\n      this.displayValuesAs === 'box' ? 'box-container' : ''\n    }`;\n    return (\n      <FacetValuesGroup\n        i18n={this.bindings.i18n}\n        label={this.label}\n        query={query}\n      >\n        <ul class={classes} part=\"values\">\n          {children}\n        </ul>\n      </FacetValuesGroup>\n    );\n  }\n\n  private renderValues() {\n    return this.renderValuesContainer(\n      this.facet.state.values.map((value, i) => {\n        const shouldFocusOnShowLessAfterInteraction = i === 0;\n        const shouldFocusOnShowMoreAfterInteraction =\n          i ===\n          (this.sortCriteria === 'automatic'\n            ? 0\n            : this.facetState.values.length - 1);\n\n        return (\n          <FacetValue\n            {...this.facetValueProps}\n            facetCount={value.numberOfResults}\n            onExclude={() => this.facet.toggleExclude(value)}\n            onSelect={() =>\n              this.displayValuesAs === 'link'\n                ? this.facet.toggleSingleSelect(value)\n                : this.facet.toggleSelect(value)\n            }\n            facetValue={value.value}\n            facetState={value.state}\n            setRef={(btn) => {\n              if (shouldFocusOnShowLessAfterInteraction) {\n                this.showLessFocus?.setTarget(btn);\n              }\n              if (shouldFocusOnShowMoreAfterInteraction) {\n                this.showMoreFocus?.setTarget(btn);\n              }\n            }}\n          />\n        );\n      })\n    );\n  }\n\n  private renderShowMoreLess() {\n    return (\n      <FacetShowMoreLess\n        label={this.label}\n        i18n={this.bindings.i18n}\n        onShowMore={() => {\n          this.focusTargets.showMore.focusAfterSearch();\n          this.facet.showMoreValues();\n        }}\n        onShowLess={() => {\n          this.focusTargets.showLess.focusAfterSearch();\n          this.facet.showLessValues();\n        }}\n        canShowMoreValues={this.facet.state.canShowMoreValues}\n        canShowLessValues={this.facet.state.canShowLessValues}\n      ></FacetShowMoreLess>\n    );\n  }\n\n  private get activeValues() {\n    return this.facet.state.values.filter(({state}) => state !== 'idle');\n  }\n\n  private get facetValueProps(): Pick<\n    FacetValueProps,\n    | 'displayValuesAs'\n    | 'facetSearchQuery'\n    | 'enableExclusion'\n    | 'field'\n    | 'i18n'\n  > {\n    return {\n      facetSearchQuery: this.facetState.facetSearch.query,\n      displayValuesAs: this.displayValuesAs,\n      enableExclusion: this.enableExclusion,\n      field: this.field,\n      i18n: this.bindings.i18n,\n    };\n  }\n\n  private initAriaLive() {\n    announceFacetSearchResultsWithAriaLive(\n      this.facet,\n      this.label,\n      (msg) => (this.facetSearchAriaMessage = msg),\n      this.bindings.i18n\n    );\n  }\n\n  private initConditionManager() {\n    this.facetConditionsManager = buildInsightFacetConditionsManager(\n      this.bindings.engine,\n      {\n        facetId: this.facetId!,\n        conditions: parseDependsOn<\n          InsightFacetValueRequest | InsightCategoryFacetValueRequest\n        >(this.dependsOn),\n      }\n    );\n  }\n\n  private initPopover() {\n    initializePopover(this.host, {\n      ...this.facetInfo,\n      hasValues: () => !!this.facet.state.values.length,\n      numberOfActiveValues: () => this.activeValues.length,\n    });\n  }\n\n  private get isHidden() {\n    return !this.facet.state.enabled || !this.facet.state.values.length;\n  }\n\n  private get facetInfo(): FacetInfo {\n    return {\n      label: () => this.bindings.i18n.t(this.label),\n      facetId: this.facetId!,\n      element: this.host,\n      isHidden: () => this.isHidden,\n    };\n  }\n\n  private registerFacet() {\n    this.bindings.store.registerFacet('facets', this.facetInfo);\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/atomic/p-aa3ac5aa.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["FacetGuard","hasError","enabled","firstSearchExecuted","hasResults","children","h","Hidden","Fragment"],"sources":["src/components/common/facets/stencil-facet-guard.tsx"],"sourcesContent":["import {Fragment, FunctionalComponent, h} from '@stencil/core';\nimport {Hidden} from '../stencil-hidden';\n\ninterface FacetGuardProps {\n  hasError: boolean;\n  enabled: boolean;\n  firstSearchExecuted: boolean;\n  hasResults: boolean;\n}\n\n// @deprecated - use the `when` directive instead for Lit\nexport const FacetGuard: FunctionalComponent<FacetGuardProps> = (\n  {hasError, enabled, firstSearchExecuted, hasResults},\n  children\n) => {\n  if (hasError || !enabled || (firstSearchExecuted && !hasResults)) {\n    return <Hidden></Hidden>;\n  }\n\n  return <Fragment>{children}</Fragment>;\n};\n"],"mappings":"qFAWaA,EAAmD,EAC7DC,WAAUC,UAASC,sBAAqBC,cACzCC,KAEA,GAAIJ,IAAaC,GAAYC,IAAwBC,EAAa,CAChE,OAAOE,EAACC,EAAM,K,CAGhB,OAAOD,EAACE,EAAQ,KAAEH,EAAoB,S","ignoreList":[]}

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

@@ -1 +0,0 @@
-{"version":3,"names":["atomicNumericFacetCss","AtomicNumericFacetStyle0","AtomicNumericFacet","this","manualRanges","formatter","defaultNumberFormatter","label","tabsIncluded","tabsExcluded","numberOfValues","sortCriteria","rangeAlgorithm","displayValuesAs","isCollapsed","headingLevel","filterFacetCount","injectionDepth","dependsOn","focusTarget","headerFocus","FocusTargetController","initialize","length","console","warn","validateProps","initializeTabManager","computeFacetId","initializeFacetForInput","initializeFacetForRange","initializeFilter","initializeSearchStatus","registerFacetToStore","disconnectedCallback","host","isConnected","facetForRangeDependenciesManager","stopWatching","facetForInputDependenciesManager","filterDependenciesManager","searchStatus","buildSearchStatus","bindings","engine","tabManager","buildTabManager","withInput","facetForInput","buildNumericFacet","options","generateAutomaticRanges","facetId","field","tabs","included","excluded","initializeDependenciesManager","state","Array","from","querySelectorAll","map","start","end","endInclusive","buildNumericRange","facetForRange","currentValues","filter","buildNumericFilter","buildFacetConditionsManager","conditions","parseDependsOn","facetInfo","i18n","t","element","isHidden","store","registerFacet","format","value","formatHumanReadable","facetValue","logger","initializePopover","hasValues","numberOfActiveValues","numberOfSelectedValues","numericFacets","setFormat","event","preventDefault","stopPropagation","detail","applyNumberInput","dispatch","loadNumericFacetSetActions","deselectAllNumericFacetValues","render","searchStatusState","firstSearchExecuted","hasError","h","FacetGuard","key","enabled","hasResults","shouldRenderFacet","FacetContainer","FacetHeader","onClearFilters","focusAfterSearch","filterState","range","clear","deselectAll","onToggleCollapse","headerRef","el","setTarget","shouldRenderValues","renderValues","shouldRenderInput","type","FacetPlaceholder","NumericFacetValuesContainer","valuesToRender","NumericFacetValueLink","onClick","toggleSingleSelect","toggleSelect","values","hasInputRange","numberOfResults","shouldDisplayInputForFacetRange","facetValues","hasInput","randomID","facetState","Schema","StringValue","constrainTo","validate","__decorate","InitializeBindings","BindStateToController","ArrayProp","MapProp"],"sources":["src/components/search/facets/atomic-numeric-facet/atomic-numeric-facet.pcss?tag=atomic-numeric-facet&encapsulation=shadow","src/components/search/facets/atomic-numeric-facet/atomic-numeric-facet.tsx"],"sourcesContent":["@import '../../../common/facets/numeric-facet-common.pcss';\n","import {Schema, StringValue} from '@coveo/bueno';\nimport {\n  buildFacetConditionsManager,\n  FacetConditionsManager,\n  buildNumericFacet,\n  buildNumericFilter,\n  buildNumericRange,\n  buildSearchStatus,\n  CategoryFacetValueRequest,\n  FacetValueRequest,\n  loadNumericFacetSetActions,\n  NumericFacet,\n  NumericFacetState,\n  NumericFilter,\n  NumericFilterState,\n  RangeFacetRangeAlgorithm,\n  RangeFacetSortCriterion,\n  SearchStatus,\n  SearchStatusState,\n  NumericRangeRequest,\n  buildTabManager,\n  TabManager,\n  TabManagerState,\n} from '@coveo/headless';\nimport {Component, Element, h, Listen, Prop, State} from '@stencil/core';\nimport {\n  BindStateToController,\n  InitializableComponent,\n  InitializeBindings,\n} from '../../../../utils/initialization-utils';\nimport {ArrayProp, MapProp} from '../../../../utils/props-utils';\nimport {FocusTargetController} from '../../../../utils/stencil-accessibility-utils';\nimport {randomID} from '../../../../utils/utils';\nimport {parseDependsOn} from '../../../common/facets/depends-on';\nimport {FacetInfo} from '../../../common/facets/facet-common-store';\nimport {FacetContainer} from '../../../common/facets/facet-container/stencil-facet-container';\nimport {FacetGuard} from '../../../common/facets/stencil-facet-guard';\nimport {FacetHeader} from '../../../common/facets/facet-header/stencil-facet-header';\nimport {NumberInputType} from '../../../common/facets/facet-number-input/number-input-type';\nimport {FacetPlaceholder} from '../../../common/facets/facet-placeholder/facet-placeholder';\nimport {formatHumanReadable} from '../../../common/facets/numeric-facet/formatter';\nimport {NumericFacetValueLink} from '../../../common/facets/numeric-facet/stencil-value-link';\nimport {NumericFacetValuesContainer} from '../../../common/facets/numeric-facet/stencil-values-container';\nimport {initializePopover} from '../../../common/facets/popover/popover-type';\nimport {shouldDisplayInputForFacetRange} from '../../../common/facets/stencil-facet-common';\nimport {\n  defaultNumberFormatter,\n  NumberFormatter,\n} from '../../../common/formats/format-common';\nimport {Bindings} from '../../atomic-search-interface/atomic-search-interface';\n\n/**\n * A facet is a list of values for a certain field occurring in the results, ordered using a configurable criteria (e.g., ascending, descending).\n * An `atomic-numeric-facet` displays a facet of the results for the current query as numeric ranges.\n *\n * @part facet - The wrapper for the entire facet.\n * @part placeholder - The placeholder shown before the first search is executed.\n *\n * @part label-button - The button that displays the label and allows to expand/collapse the facet.\n * @part label-button-icon - The label button icon.\n * @part clear-button - The button that resets the actively selected facet values.\n * @part clear-button-icon - The clear button icon.\n *\n * @part values - The facet values container.\n * @part value-label - The facet value label, common for all displays.\n * @part value-count - The facet value count, common for all displays.\n *\n * @part value-checkbox - The facet value checkbox, available when display is 'checkbox'.\n * @part value-checkbox-checked - The checked facet value checkbox, available when display is 'checkbox'.\n * @part value-checkbox-label - The facet value checkbox clickable label, available when display is 'checkbox'.\n * @part value-checkbox-icon - The facet value checkbox icon, available when display is 'checkbox'.\n * @part value-link - The facet value when display is 'link'.\n * @part value-link-selected - The selected facet value when display is 'link'.\n\n * @part input-form - The form that comprises the labels, inputs, and 'apply' button for the custom numeric range.\n * @part label-start - The label for the starting value of the custom numeric range.\n * @part label-end - The label for the ending value of the custom numeric range.\n * @part input-start - The input for the starting value of the custom numeric range.\n * @part input-end - The input for the ending value of the custom numeric range.\n * @part input-apply-button - The apply button for the custom range.\n */\n@Component({\n  tag: 'atomic-numeric-facet',\n  styleUrl: './atomic-numeric-facet.pcss',\n  shadow: true,\n})\nexport class AtomicNumericFacet implements InitializableComponent {\n  @InitializeBindings() public bindings!: Bindings;\n  public facetForRange?: NumericFacet;\n  public facetForInput?: NumericFacet;\n  public filter!: NumericFilter;\n  public searchStatus!: SearchStatus;\n  public tabManager!: TabManager;\n  @Element() private host!: HTMLElement;\n  private manualRanges: (NumericRangeRequest & {label?: string})[] = [];\n  private formatter: NumberFormatter = defaultNumberFormatter;\n  private facetForRangeDependenciesManager?: FacetConditionsManager;\n  private facetForInputDependenciesManager?: FacetConditionsManager;\n  private filterDependenciesManager?: FacetConditionsManager;\n\n  @BindStateToController('facetForRange')\n  @State()\n  public facetState!: NumericFacetState;\n  @BindStateToController('filter')\n  @State()\n  public filterState?: NumericFilterState;\n  @BindStateToController('searchStatus')\n  @State()\n  public searchStatusState!: SearchStatusState;\n  @BindStateToController('tabManager')\n  @State()\n  public tabManagerState!: TabManagerState;\n  @State() public error!: Error;\n  @BindStateToController('facetForInput')\n  @State()\n  public facetForInputState?: NumericFacetState;\n\n  /**\n   * Specifies a unique identifier for the facet.\n   */\n  @Prop({mutable: true, reflect: true}) public facetId?: string;\n  /**\n   * The non-localized label for the facet.\n   * Used in the `atomic-breadbox` component through the bindings store.\n   */\n  @Prop({reflect: true}) public label = 'no-label';\n  /**\n   * The field whose values you want to display in the facet.\n   */\n  @Prop({reflect: true}) public field!: string;\n  /**\n   * The tabs on which the facet can be displayed. This property should not be used at the same time as `tabs-excluded`.\n   *\n   * Set this property as a stringified JSON array, e.g.,\n   * ```html\n   *  <atomic-timeframe-facet tabs-included='[\"tabIDA\", \"tabIDB\"]'></atomic-timeframe-facet>\n   * ```\n   * If you don't set this property, the facet can be displayed on any tab. Otherwise, the facet can only be displayed on the specified tabs.\n   */\n  @ArrayProp()\n  @Prop({reflect: true, mutable: true})\n  public tabsIncluded: string[] | string = '[]';\n\n  /**\n   * The tabs on which this facet must not be displayed. This property should not be used at the same time as `tabs-included`.\n   *\n   * Set this property as a stringified JSON array, e.g.,\n   * ```html\n   *  <atomic-timeframe-facet tabs-excluded='[\"tabIDA\", \"tabIDB\"]'></atomic-timeframe-facet>\n   * ```\n   * If you don't set this property, the facet can be displayed on any tab. Otherwise, the facet won't be displayed on any of the specified tabs.\n   */\n  @ArrayProp()\n  @Prop({reflect: true, mutable: true})\n  public tabsExcluded: string[] | string = '[]';\n\n  /**\n   * The number of values to request for this facet, when there are no manual ranges.\n   * If the number of values is 0, no ranges will be displayed.\n   */\n  @Prop({reflect: true}) public numberOfValues = 8;\n  /**\n   * Whether this facet should contain an input allowing users to set custom ranges.\n   * Depending on the field, the input can allow either decimal or integer values.\n   */\n  @Prop({reflect: true}) public withInput?: NumberInputType;\n  /**\n   * The sort criterion to apply to the returned facet values.\n   * Possible values are 'ascending' and 'descending'.\n   */\n  @Prop({reflect: true}) public sortCriteria: RangeFacetSortCriterion =\n    'ascending';\n  /**\n   * The algorithm that's used for generating the ranges of this facet when they aren't manually defined. The default value of `\"equiprobable\"` generates facet ranges which vary in size but have a more balanced number of results within each range. The value of `\"even\"` generates equally sized facet ranges across all of the results.\n   */\n  @Prop({reflect: true}) public rangeAlgorithm: RangeFacetRangeAlgorithm =\n    'equiprobable';\n  /**\n   * Whether to display the facet values as checkboxes (multiple selection) or links (single selection).\n   * Possible values are 'checkbox' and 'link'.\n   */\n  @Prop({reflect: true}) public displayValuesAs: 'checkbox' | 'link' =\n    'checkbox';\n  /**\n   * Specifies whether the facet is collapsed. When the facet is the child of an `atomic-facet-manager` component, the facet manager controls this property.\n   */\n  @Prop({reflect: true, mutable: true}) public isCollapsed = false;\n  /**\n   * The [heading level](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/Heading_Elements) to use for the heading over the facet, from 1 to 6.\n   */\n  @Prop({reflect: true}) public headingLevel = 0;\n  /**\n   * Whether to exclude the parents of folded results when estimating the result count for each facet value.\n   *\n   *\n   * Note: Resulting count is only an estimation, in some cases this value could be incorrect.\n   */\n  @Prop({reflect: true}) public filterFacetCount = true;\n  /**\n   * The maximum number of results to scan in the index to ensure that the facet lists all potential facet values.\n   * Note: A high injectionDepth may negatively impact the facet request performance.\n   * Minimum: `0`\n   * Default: `1000`\n   */\n  @Prop({reflect: true}) public injectionDepth = 1000;\n\n  /**\n   * The required facets and values for this facet to be displayed.\n   * Examples:\n   * ```html\n   * <atomic-facet facet-id=\"abc\" field=\"objecttype\" ...></atomic-facet>\n   *\n   * <!-- To show the facet when any value is selected in the facet with id \"abc\": -->\n   * <atomic-numeric-facet\n   *   depends-on-abc\n   *   ...\n   * ></atomic-numeric-facet>\n   *\n   * <!-- To show the facet when value \"doc\" is selected in the facet with id \"abc\": -->\n   * <atomic-numeric-facet\n   *   depends-on-abc=\"doc\"\n   *   ...\n   * ></atomic-numeric-facet>\n   * ```\n   */\n  @MapProp() @Prop() public dependsOn: Record<string, string> = {};\n\n  private headerFocus?: FocusTargetController;\n\n  private get focusTarget(): FocusTargetController {\n    if (!this.headerFocus) {\n      this.headerFocus = new FocusTargetController(this);\n    }\n    return this.headerFocus;\n  }\n\n  public initialize() {\n    if (\n      [...this.tabsIncluded].length > 0 &&\n      [...this.tabsExcluded].length > 0\n    ) {\n      console.warn(\n        'Values for both \"tabs-included\" and \"tabs-excluded\" have been provided. This is could lead to unexpected behaviors.'\n      );\n    }\n    this.validateProps();\n    this.initializeTabManager();\n    this.computeFacetId();\n    this.initializeFacetForInput();\n    this.initializeFacetForRange();\n    this.initializeFilter();\n    this.initializeSearchStatus();\n    this.registerFacetToStore();\n  }\n\n  public disconnectedCallback() {\n    if (this.host.isConnected) {\n      return;\n    }\n    this.facetForRangeDependenciesManager?.stopWatching();\n    this.facetForInputDependenciesManager?.stopWatching();\n    this.filterDependenciesManager?.stopWatching();\n  }\n\n  private initializeSearchStatus() {\n    this.searchStatus = buildSearchStatus(this.bindings.engine);\n  }\n  private initializeTabManager() {\n    this.tabManager = buildTabManager(this.bindings.engine);\n  }\n  private initializeFacetForInput() {\n    if (!this.withInput) {\n      return;\n    }\n    this.facetForInput = buildNumericFacet(this.bindings.engine, {\n      options: {\n        numberOfValues: 1,\n        generateAutomaticRanges: true,\n        facetId: `${this.facetId}_input_range`,\n        field: this.field,\n        sortCriteria: this.sortCriteria,\n        rangeAlgorithm: this.rangeAlgorithm,\n        filterFacetCount: this.filterFacetCount,\n        injectionDepth: this.injectionDepth,\n        tabs: {\n          included: [...this.tabsIncluded],\n          excluded: [...this.tabsExcluded],\n        },\n      },\n    });\n\n    this.facetForInputDependenciesManager = this.initializeDependenciesManager(\n      this.facetForInput.state.facetId\n    );\n\n    return this.facetForInput;\n  }\n\n  private initializeFacetForRange() {\n    if (this.numberOfValues <= 0) {\n      return;\n    }\n\n    this.manualRanges = Array.from(\n      this.host.querySelectorAll('atomic-numeric-range')\n    ).map(({start, end, endInclusive, label}) => ({\n      ...buildNumericRange({start, end, endInclusive}),\n      label,\n    }));\n\n    this.facetForRange = buildNumericFacet(this.bindings.engine, {\n      options: {\n        facetId: this.facetId,\n        field: this.field,\n        numberOfValues: this.numberOfValues,\n        sortCriteria: this.sortCriteria,\n        rangeAlgorithm: this.rangeAlgorithm,\n        currentValues: this.manualRanges,\n        generateAutomaticRanges: !this.manualRanges.length,\n        filterFacetCount: this.filterFacetCount,\n        injectionDepth: this.injectionDepth,\n        tabs: {\n          included: [...this.tabsIncluded],\n          excluded: [...this.tabsExcluded],\n        },\n      },\n    });\n\n    this.facetForRangeDependenciesManager = this.initializeDependenciesManager(\n      this.facetForRange.state.facetId\n    );\n\n    return this.facetForRange;\n  }\n\n  private initializeFilter() {\n    if (!this.withInput) {\n      return;\n    }\n    this.filter = buildNumericFilter(this.bindings.engine, {\n      options: {\n        facetId: `${this.facetId}_input`,\n        field: this.field,\n        tabs: {\n          included: [...this.tabsIncluded],\n          excluded: [...this.tabsExcluded],\n        },\n      },\n    });\n\n    this.filterDependenciesManager = this.initializeDependenciesManager(\n      this.filter.state.facetId\n    );\n  }\n\n  private initializeDependenciesManager(facetId: string) {\n    return buildFacetConditionsManager(this.bindings.engine, {\n      facetId,\n      conditions: parseDependsOn<FacetValueRequest | CategoryFacetValueRequest>(\n        this.dependsOn\n      ),\n    });\n  }\n\n  private registerFacetToStore() {\n    const facetInfo: FacetInfo = {\n      label: () => this.bindings.i18n.t(this.label),\n      facetId: this.facetId!,\n      element: this.host,\n      isHidden: () => this.isHidden,\n    };\n\n    this.bindings.store.registerFacet('numericFacets', {\n      ...facetInfo,\n      format: (value) =>\n        formatHumanReadable({\n          facetValue: value,\n          logger: this.bindings.engine.logger,\n          i18n: this.bindings.i18n,\n          field: this.field,\n          manualRanges: this.manualRanges,\n          formatter: this.formatter,\n        }),\n    });\n\n    initializePopover(this.host, {\n      ...facetInfo,\n      hasValues: () => this.hasValues,\n      numberOfActiveValues: () => this.numberOfSelectedValues,\n    });\n\n    if (this.filter) {\n      this.bindings.store.state.numericFacets[this.filter.state.facetId] =\n        this.bindings.store.state.numericFacets[this.facetId!];\n    }\n  }\n\n  @Listen('atomic/numberFormat')\n  public setFormat(event: CustomEvent<NumberFormatter>) {\n    event.preventDefault();\n    event.stopPropagation();\n    this.formatter = event.detail;\n  }\n\n  @Listen('atomic/numberInputApply')\n  public applyNumberInput() {\n    this.facetId &&\n      this.bindings.engine.dispatch(\n        loadNumericFacetSetActions(\n          this.bindings.engine\n        ).deselectAllNumericFacetValues(this.facetId)\n      );\n  }\n\n  public render() {\n    const {\n      searchStatusState: {firstSearchExecuted, hasError},\n      bindings: {i18n},\n    } = this;\n    return (\n      <FacetGuard\n        enabled={this.enabled}\n        firstSearchExecuted={firstSearchExecuted}\n        hasError={hasError}\n        hasResults={this.shouldRenderFacet}\n      >\n        {firstSearchExecuted ? (\n          <FacetContainer>\n            <FacetHeader\n              i18n={i18n}\n              label={this.label}\n              onClearFilters={() => {\n                this.focusTarget.focusAfterSearch();\n                if (this.filterState?.range) {\n                  this.filter?.clear();\n                  return;\n                }\n                this.facetForRange?.deselectAll();\n              }}\n              numberOfActiveValues={this.numberOfSelectedValues}\n              isCollapsed={this.isCollapsed}\n              headingLevel={this.headingLevel}\n              onToggleCollapse={() => (this.isCollapsed = !this.isCollapsed)}\n              headerRef={(el) => this.focusTarget.setTarget(el)}\n            />\n            {!this.isCollapsed && [\n              this.shouldRenderValues && this.renderValues(),\n              this.shouldRenderInput && (\n                <atomic-facet-number-input\n                  type={this.withInput!}\n                  bindings={this.bindings}\n                  label={this.label}\n                  filter={this.filter!}\n                  filterState={this.filter!.state}\n                ></atomic-facet-number-input>\n              ),\n            ]}\n          </FacetContainer>\n        ) : (\n          <FacetPlaceholder\n            isCollapsed={this.isCollapsed}\n            numberOfValues={this.numberOfValues}\n          />\n        )}\n      </FacetGuard>\n    );\n  }\n\n  private renderValues() {\n    const {\n      displayValuesAs,\n      field,\n      manualRanges,\n      label,\n      bindings: {\n        i18n,\n        engine: {logger},\n      },\n      formatter,\n    } = this;\n\n    return (\n      <NumericFacetValuesContainer i18n={i18n} label={label}>\n        {this.valuesToRender.map((value) => (\n          <NumericFacetValueLink\n            formatter={formatter}\n            displayValuesAs={displayValuesAs}\n            facetValue={value}\n            field={field}\n            i18n={i18n}\n            logger={logger}\n            manualRanges={manualRanges}\n            onClick={() =>\n              this.displayValuesAs === 'link'\n                ? this.facetForRange!.toggleSingleSelect(value)\n                : this.facetForRange!.toggleSelect(value)\n            }\n          />\n        ))}\n      </NumericFacetValuesContainer>\n    );\n  }\n\n  private get numberOfSelectedValues() {\n    if (this.filter?.state.range) {\n      return 1;\n    }\n\n    return (\n      this.facetForRange?.state.values.filter(({state}) => state === 'selected')\n        .length || 0\n    );\n  }\n\n  private get shouldRenderValues() {\n    return (\n      !this.hasInputRange &&\n      this.numberOfValues > 0 &&\n      !!this.valuesToRender.length\n    );\n  }\n\n  private get hasInputRange() {\n    return !!this.filter?.state.range;\n  }\n\n  private get valuesToRender() {\n    return (\n      this.facetForRange?.state.values.filter(\n        (value) => value.numberOfResults || value.state !== 'idle'\n      ) || []\n    );\n  }\n\n  private get shouldRenderInput() {\n    return shouldDisplayInputForFacetRange({\n      hasInputRange: this.hasInputRange,\n      searchStatusState: this.searchStatusState,\n      facetValues: this.facetForInput?.state.values || [],\n      hasInput: !!this.withInput,\n    });\n  }\n\n  private computeFacetId() {\n    if (this.facetId) {\n      return;\n    }\n\n    if (this.bindings.store.state.numericFacets[this.field]) {\n      this.facetId = randomID(`${this.field}_`);\n      return;\n    }\n\n    this.facetId = this.field;\n  }\n\n  private get enabled() {\n    return this.facetState?.enabled ?? this.filter?.state.enabled ?? true;\n  }\n\n  private get isHidden() {\n    return !this.shouldRenderFacet || !this.enabled;\n  }\n\n  private get shouldRenderFacet() {\n    return this.shouldRenderInput || this.shouldRenderValues;\n  }\n\n  private get hasValues() {\n    if (this.facetForInput?.state.values.length) {\n      return true;\n    }\n\n    return !!this.valuesToRender.length;\n  }\n\n  private validateProps() {\n    new Schema({\n      displayValuesAs: new StringValue({constrainTo: ['checkbox', 'link']}),\n      withInput: new StringValue({constrainTo: ['integer', 'decimal']}),\n    }).validate({\n      displayValuesAs: this.displayValuesAs,\n      withInput: this.withInput,\n    });\n  }\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -1 +0,0 @@
-{"version":3,"names":["CategoryFacetAllCategoryButton","i18n","onClick","allCategories","t","h","Button","style","part","icon","LeftArrow","class","CategoryFacetValueLink","displayValue","numberOfResults","isParent","isSelected","searchQuery","isLeafValue","setRef","children","partNames","push","FacetValueLink","join","buttonRef","btn","subList","FacetValueLabelHighlight","CategoryFacetChildValueLink","props","CategoryFacetChildrenAsTreeContainer","className","CategoryFacetParentAsTreeContainer","isTopLevel","CategoryFacetParentButton","field","facetValue","getFieldValueCaption","value","ariaLabel","count","formattedCount","toLocaleString","language","ariaPressed","CategoryFacetParentValueLink","CategoryFacetSearchResultsContainer","_","SEPARATOR","ELLIPSIS","PATH_MAX_LENGTH","CategoryFacetSearchValue","inLabel","localizedPath","path","length","map","child","parent","ellipsedPath","firstPart","slice","lastParts","concat","renderPath","index","key","text","CategoryFacetTreeValueContainer","atomicCategoryFacetCss","AtomicCategoryFacetStyle0","AtomicCategoryFacet","this","resultIndexToFocusOnShowMore","label","tabsIncluded","tabsExcluded","numberOfValues","withSearch","sortCriteria","delimitingCharacter","basePath","filterByBasePath","isCollapsed","headingLevel","filterFacetCount","injectionDepth","dependsOn","initialize","console","warn","searchStatus","buildSearchStatus","bindings","engine","tabManager","buildTabManager","options","facetId","facetSearch","tabs","included","excluded","facet","buildCategoryFacet","announceFacetSearchResultsWithAriaLive","msg","facetSearchAriaMessage","state","facetInfo","element","host","isHidden","store","registerFacet","initializePopover","hasValues","valuesAsTrees","numberOfActiveValues","facetState","hasActiveValues","initializeDependenciesManager","focusTargets","showLessFocus","FocusTargetController","showMoreFocus","headerFocus","activeValueFocus","disconnectedCallback","isConnected","dependenciesManager","stopWatching","searchStatusState","hasError","enabled","selectedValueAncestry","componentShouldUpdate","next","prev","propName","isCategoryFacetState","shouldUpdateFacetSearchComponent","hasParents","buildFacetConditionsManager","conditions","parseDependsOn","renderHeader","FacetHeader","onToggleCollapse","onClearFilters","focusAfterSearch","deselectAll","headerRef","header","setTarget","renderSearchInput","FacetSearchInput","query","onChange","clear","updateCaptions","getFieldCaptions","updateText","search","onClear","renderValuesTree","isRoot","renderChildren","parentValue","toggleSelect","activeParent","activeParentDisplayValue","el","renderChild","isShowLessFocusTarget","isShowMoreFocusTarget","find","i","renderSearchResults","values","select","renderMatches","FacetSearchMatches","numberOfMatches","hasMoreMatches","moreValuesAvailable","showMoreMatches","showMoreResults","renderShowMoreLess","FacetShowMoreLess","onShowMore","showMoreValues","onShowLess","showLessValues","canShowLessValues","canShowMoreValues","render","firstSearchExecuted","FacetGuard","hasResults","FacetContainer","shouldDisplaySearchResults","Fragment","FacetValuesGroup","FacetPlaceholder","__decorate","InitializeBindings","BindStateToController","ArrayProp","MapProp","AriaLiveRegion"],"sources":["src/components/common/facets/category-facet/stencil-all-categories-button.tsx","src/components/common/facets/category-facet/stencil-value-link.tsx","src/components/common/facets/category-facet/stencil-child-value-link.tsx","src/components/common/facets/category-facet/stencil-children-as-tree-container.tsx","src/components/common/facets/category-facet/stencil-parent-as-tree-container.tsx","src/components/common/facets/category-facet/stencil-parent-button.tsx","src/components/common/facets/category-facet/stencil-parent-value-link.tsx","src/components/common/facets/category-facet/stencil-search-results-container.tsx","src/components/common/facets/category-facet/stencil-search-value.tsx","src/components/common/facets/category-facet/stencil-value-as-tree-container.tsx","src/components/search/facets/atomic-category-facet/atomic-category-facet.pcss?tag=atomic-category-facet&encapsulation=shadow","src/components/search/facets/atomic-category-facet/atomic-category-facet.tsx"],"sourcesContent":["import {FunctionalComponent, h} from '@stencil/core';\nimport {i18n} from 'i18next';\nimport LeftArrow from '../../../../images/arrow-left-rounded.svg';\nimport {Button} from '../../stencil-button';\n\ninterface CategoryFacetAllCategoryButtonProps {\n  i18n: i18n;\n  onClick(): void;\n}\n\n/**\n * @deprecated should only be used for Stencil components.\n */\nexport const CategoryFacetAllCategoryButton: FunctionalComponent<\n  CategoryFacetAllCategoryButtonProps\n> = ({i18n, onClick}) => {\n  const allCategories = i18n.t('all-categories');\n  return (\n    <Button\n      style=\"text-neutral\"\n      part=\"all-categories-button\"\n      onClick={() => {\n        onClick();\n      }}\n    >\n      <atomic-icon\n        aria-hidden=\"true\"\n        icon={LeftArrow}\n        part=\"back-arrow\"\n      ></atomic-icon>\n      <span class=\"truncate\">{allCategories}</span>\n    </Button>\n  );\n};\n","import {FunctionalComponent, h} from '@stencil/core';\nimport {i18n} from 'i18next';\nimport {FacetValueLabelHighlight} from '../facet-value-label-highlight/stencil-facet-value-label-highlight';\nimport {FacetValueLink} from '../facet-value-link/stencil-facet-value-link';\n\nexport interface CategoryFacetValueLinkProps {\n  displayValue: string;\n  numberOfResults: number;\n  i18n: i18n;\n  onClick: () => void;\n  isParent: boolean;\n  isSelected: boolean;\n  searchQuery: string;\n  isLeafValue: boolean;\n  setRef: (el?: HTMLButtonElement) => void;\n}\n\nexport const CategoryFacetValueLink: FunctionalComponent<\n  CategoryFacetValueLinkProps\n> = (\n  {\n    displayValue,\n    numberOfResults,\n    i18n,\n    onClick,\n    isParent,\n    isSelected,\n    searchQuery,\n    isLeafValue,\n    setRef,\n  },\n  children\n) => {\n  const partNames = [];\n  if (isParent) {\n    partNames.push('active-parent');\n  } else {\n    partNames.push(`value-link${isSelected ? ' value-link-selected' : ''}`);\n  }\n\n  if (isLeafValue) {\n    partNames.push('leaf-value');\n  } else {\n    partNames.push('node-value');\n  }\n\n  return (\n    <FacetValueLink\n      displayValue={displayValue}\n      numberOfResults={numberOfResults}\n      isSelected={isSelected}\n      i18n={i18n}\n      onClick={() => {\n        onClick();\n      }}\n      searchQuery={searchQuery}\n      part={partNames.join(' ')}\n      class=\"contents\"\n      buttonRef={(btn) => setRef(btn)}\n      subList={children}\n    >\n      <FacetValueLabelHighlight\n        displayValue={displayValue}\n        isSelected={isSelected}\n      ></FacetValueLabelHighlight>\n    </FacetValueLink>\n  );\n};\n","import {FunctionalComponent, h} from '@stencil/core';\nimport {\n  CategoryFacetValueLink,\n  CategoryFacetValueLinkProps,\n} from './stencil-value-link';\n\ninterface CategoryFacetChildValueLinkProps\n  extends Omit<CategoryFacetValueLinkProps, 'isParent'> {}\n\nexport const CategoryFacetChildValueLink: FunctionalComponent<\n  CategoryFacetChildValueLinkProps\n> = (props, children) => {\n  return (\n    <CategoryFacetValueLink {...props} isParent={false}>\n      {children}\n    </CategoryFacetValueLink>\n  );\n};\n","import {FunctionalComponent, h} from '@stencil/core';\n\ninterface CategoryFacetChildrenAsTreeContainerProps {\n  className?: string;\n}\nexport const CategoryFacetChildrenAsTreeContainer: FunctionalComponent<\n  CategoryFacetChildrenAsTreeContainerProps\n> = ({className}, children) => {\n  return (\n    <ul part=\"values\" class={className ?? ''}>\n      {children}\n    </ul>\n  );\n};\n","import {FunctionalComponent, h} from '@stencil/core';\n\nexport interface CategoryFacetParentAsTreeContainerProps {\n  isTopLevel: boolean;\n  className?: string;\n}\nexport const CategoryFacetParentAsTreeContainer: FunctionalComponent<\n  CategoryFacetParentAsTreeContainerProps\n> = ({isTopLevel, className}, children) => {\n  return (\n    <ul class={className ?? ''} part={`${isTopLevel ? '' : 'sub-'}parents`}>\n      {children}\n    </ul>\n  );\n};\n","import {FunctionalComponent, h} from '@stencil/core';\nimport {i18n} from 'i18next';\nimport LeftArrow from '../../../../images/arrow-left-rounded.svg';\nimport {getFieldValueCaption} from '../../../../utils/field-utils';\nimport {Button} from '../../stencil-button';\n\ninterface CategoryFacetParentButtonProps {\n  i18n: i18n;\n  field: string;\n  facetValue: {value: string; numberOfResults: number};\n  onClick: () => void;\n}\nexport const CategoryFacetParentButton: FunctionalComponent<\n  CategoryFacetParentButtonProps\n> = ({field, facetValue, i18n, onClick}) => {\n  const displayValue = getFieldValueCaption(field, facetValue.value, i18n);\n  const ariaLabel = i18n.t('facet-value', {\n    value: displayValue,\n    count: facetValue.numberOfResults,\n    formattedCount: facetValue.numberOfResults.toLocaleString(i18n.language),\n  });\n\n  return (\n    <Button\n      style=\"text-neutral\"\n      part=\"parent-button\"\n      ariaPressed=\"false\"\n      onClick={() => {\n        onClick();\n      }}\n      ariaLabel={ariaLabel}\n    >\n      <atomic-icon\n        icon={LeftArrow}\n        part=\"back-arrow\"\n        class=\"back-arrow\"\n      ></atomic-icon>\n      <span class=\"truncate\">{displayValue}</span>\n    </Button>\n  );\n};\n","import {FunctionalComponent, h} from '@stencil/core';\nimport {\n  CategoryFacetValueLink,\n  CategoryFacetValueLinkProps,\n} from './stencil-value-link';\n\ninterface CategoryFacetParentValueLinkProps\n  extends Omit<CategoryFacetValueLinkProps, 'isParent' | 'isSelected'> {}\n\nexport const CategoryFacetParentValueLink: FunctionalComponent<\n  CategoryFacetParentValueLinkProps\n> = (props, children) => {\n  return (\n    <CategoryFacetValueLink {...props} isParent isSelected>\n      {children}\n    </CategoryFacetValueLink>\n  );\n};\n","import {FunctionalComponent, h} from '@stencil/core';\n\nexport const CategoryFacetSearchResultsContainer: FunctionalComponent = (\n  _,\n  children\n) => {\n  return (\n    <ul part=\"search-results\" class=\"mt-3\">\n      {children}\n    </ul>\n  );\n};\n","import {FunctionalComponent, h} from '@stencil/core';\nimport {i18n} from 'i18next';\nimport {getFieldValueCaption} from '../../../../utils/field-utils';\nimport {Button} from '../../stencil-button';\nimport {FacetValueLabelHighlight} from '../facet-value-label-highlight/stencil-facet-value-label-highlight';\n\ninterface CategoryFacetSearchValueProps {\n  value: {count: number; path: string[]; displayValue: string};\n  i18n: i18n;\n  field: string;\n  onClick(): void;\n  searchQuery: string;\n}\n\nconst SEPARATOR = '/';\nconst ELLIPSIS = '...';\nconst PATH_MAX_LENGTH = 3;\n\nexport const CategoryFacetSearchValue: FunctionalComponent<\n  CategoryFacetSearchValueProps\n> = ({value, field, i18n, onClick, searchQuery}) => {\n  const count = value.count.toLocaleString(i18n.language);\n  const inLabel = i18n.t('in');\n  const allCategories = i18n.t('all-categories');\n  const localizedPath = value.path.length\n    ? value.path.map((value) => getFieldValueCaption(field, value, i18n))\n    : [allCategories];\n  const ariaLabel = i18n.t('under', {\n    child: i18n.t('facet-value', {\n      count: value.count,\n      formattedCount: count,\n      value: value.displayValue,\n    }),\n    parent: localizedPath.join(', '),\n  });\n\n  function ellipsedPath(path: string[]) {\n    if (path.length <= PATH_MAX_LENGTH) {\n      return path;\n    }\n    const firstPart = path.slice(0, 1);\n    const lastParts = path.slice(-PATH_MAX_LENGTH + 1);\n    return firstPart.concat(ELLIPSIS, ...lastParts);\n  }\n\n  function renderPath(path: string[]) {\n    if (!path.length) {\n      return <span class=\"truncate\">{`${inLabel} ${allCategories}`}</span>;\n    }\n\n    return [\n      <span class=\"mr-0.5\">{inLabel}</span>,\n      ellipsedPath(path).map((value, index) => [\n        index > 0 && <span class=\"mx-0.5\">{SEPARATOR}</span>,\n        <span class={value === ELLIPSIS ? '' : 'max-w-max flex-1 truncate'}>\n          {value}\n        </span>,\n      ]),\n    ];\n  }\n\n  return (\n    <li key={value.displayValue}>\n      <Button\n        style=\"text-neutral\"\n        part=\"search-result\"\n        onClick={() => onClick()}\n        class=\"group flex w-full flex-col truncate px-2 py-2.5 focus-visible:outline-none\"\n        aria-label={ariaLabel}\n      >\n        <div class=\"flex w-full\">\n          <FacetValueLabelHighlight\n            displayValue={value.displayValue}\n            isSelected={false}\n            searchQuery={searchQuery}\n          ></FacetValueLabelHighlight>\n          <span part=\"value-count\" class=\"value-count\">\n            {i18n.t('between-parentheses', {\n              text: count,\n            })}\n          </span>\n        </div>\n        <div\n          part=\"search-result-path\"\n          class=\"text-neutral-dark group-focus:text-primary group-hover:text-primary mt-1 flex w-full\"\n        >\n          {renderPath(localizedPath)}\n        </div>\n      </Button>\n    </li>\n  );\n};\n","import {FunctionalComponent, h} from '@stencil/core';\n\nexport const CategoryFacetTreeValueContainer: FunctionalComponent = (\n  _,\n  children\n) => {\n  return <li class=\"contents\">{children}</li>;\n};\n","@import '../../../common/facets/facet-common.pcss';\n@import '../../../common/facets/facet-search/facet-search.pcss';\n\n[part~='active-parent'] {\n  @apply pl-9;\n}\n\n[part~='parents'] [part~='values'] {\n  @apply pl-9;\n}\n\n[part~='all-categories-button'],\n[part~='parent-button'] {\n  @apply relative flex w-full items-center py-2.5 pr-2 pl-7 text-left;\n}\n\n[part~='back-arrow'] {\n  @apply absolute left-1 h-5 w-5;\n}\n","import {\n  CategoryFacet,\n  buildCategoryFacet,\n  CategoryFacetState,\n  CategoryFacetOptions,\n  CategoryFacetSortCriterion,\n  SearchStatus,\n  SearchStatusState,\n  buildSearchStatus,\n  CategoryFacetValue,\n  buildFacetConditionsManager,\n  FacetConditionsManager,\n  FacetValueRequest,\n  CategoryFacetValueRequest,\n  TabManagerState,\n  TabManager,\n  buildTabManager,\n} from '@coveo/headless';\nimport {Component, h, State, Prop, Element, Fragment} from '@stencil/core';\nimport {\n  getFieldCaptions,\n  getFieldValueCaption,\n} from '../../../../utils/field-utils';\nimport {\n  BindStateToController,\n  InitializableComponent,\n  InitializeBindings,\n} from '../../../../utils/initialization-utils';\nimport {ArrayProp, MapProp} from '../../../../utils/props-utils';\nimport {\n  AriaLiveRegion,\n  FocusTargetController,\n} from '../../../../utils/stencil-accessibility-utils';\nimport {CategoryFacetAllCategoryButton} from '../../../common/facets/category-facet/stencil-all-categories-button';\nimport {CategoryFacetChildValueLink} from '../../../common/facets/category-facet/stencil-child-value-link';\nimport {CategoryFacetChildrenAsTreeContainer} from '../../../common/facets/category-facet/stencil-children-as-tree-container';\nimport {CategoryFacetParentAsTreeContainer} from '../../../common/facets/category-facet/stencil-parent-as-tree-container';\nimport {CategoryFacetParentButton} from '../../../common/facets/category-facet/stencil-parent-button';\nimport {CategoryFacetParentValueLink} from '../../../common/facets/category-facet/stencil-parent-value-link';\nimport {CategoryFacetSearchResultsContainer} from '../../../common/facets/category-facet/stencil-search-results-container';\nimport {CategoryFacetSearchValue} from '../../../common/facets/category-facet/stencil-search-value';\nimport {CategoryFacetTreeValueContainer} from '../../../common/facets/category-facet/stencil-value-as-tree-container';\nimport {parseDependsOn} from '../../../common/facets/depends-on';\nimport {FacetInfo} from '../../../common/facets/facet-common-store';\nimport {FacetContainer} from '../../../common/facets/facet-container/stencil-facet-container';\nimport {FacetGuard} from '../../../common/facets/stencil-facet-guard';\nimport {FacetHeader} from '../../../common/facets/facet-header/stencil-facet-header';\nimport {FacetPlaceholder} from '../../../common/facets/facet-placeholder/facet-placeholder';\nimport {announceFacetSearchResultsWithAriaLive} from '../../../common/facets/facet-search/facet-search-aria-live';\nimport {\n  shouldUpdateFacetSearchComponent,\n  shouldDisplaySearchResults,\n} from '../../../common/facets/facet-search/facet-search-utils';\nimport {FacetSearchInput} from '../../../common/facets/facet-search/stencil-facet-search-input';\nimport {FacetSearchMatches} from '../../../common/facets/facet-search/stencil-facet-search-matches';\nimport {FacetShowMoreLess} from '../../../common/facets/facet-show-more-less/stencil-facet-show-more-less';\nimport {FacetValuesGroup} from '../../../common/facets/facet-values-group/stencil-facet-values-group';\nimport {initializePopover} from '../../../common/facets/popover/popover-type';\nimport {Bindings} from '../../atomic-search-interface/atomic-search-interface';\n\n/**\n * A facet is a list of values for a certain field occurring in the results, ordered using a configurable criteria (e.g., number of occurrences).\n * An `atomic-category-facet` displays a facet of values in a browsable, hierarchical fashion.\n *\n * @part facet - The wrapper for the entire facet.\n * @part placeholder - The placeholder shown before the first search is executed.\n *\n * @part label-button - The button that displays the label and allows to expand/collapse the facet.\n * @part label-button-icon - The label button icon.\n *\n * @part search-wrapper - The search box wrapper.\n * @part search-input - The search box input.\n * @part search-icon - The search box submit button.\n * @part search-clear-button - The button to clear the search box of input.\n * @part more-matches - The label indicating there are more matches for the current facet search query.\n * @part no-matches - The label indicating there are no matches for the current facet search query.\n * @part matches-query - The highlighted query inside the matches labels.\n * @part search-results - The search results container.\n * @part search-result - The search result value.\n * @part search-result-path - The search result path.\n * @part search-highlight - The highlighted query inside the facet values.\n *\n * @part parents - The container surrounding the whole hierarchy of values.\n * @part sub-parents - The container surrounding a sub-hierarchy of values.\n * @part values - The container surrounding either the children of the active value or the values at the base.\n * @part all-categories-button - The \"View all\" button displayed first within the parents.\n * @part parent-button - The clickable parent button displayed first within sub-parents.\n * @part active-parent - The clickable active parent displayed first within the last sub-parents.\n * @part value-link - The clickable value displayed first within values.\n * @part back-arrow - The back arrow displayed before the clickable parents.\n * @part value-label - The facet value label within a value button.\n * @part value-count - The facet value count within a value button.\n * @part leaf-value - A facet value with no child value.\n * @part node-value - A facet value with child values.\n *\n * @part show-more - The show more results button.\n * @part show-less - The show less results button.\n * @part show-more-less-icon - The icons of the show more & show less buttons.\n */\n@Component({\n  tag: 'atomic-category-facet',\n  styleUrl: 'atomic-category-facet.pcss',\n  shadow: true,\n})\nexport class AtomicCategoryFacet implements InitializableComponent {\n  @InitializeBindings() public bindings!: Bindings;\n  public facet!: CategoryFacet;\n  private dependenciesManager?: FacetConditionsManager;\n  private resultIndexToFocusOnShowMore = 0;\n  public searchStatus!: SearchStatus;\n  public tabManager!: TabManager;\n  @Element() private host!: HTMLElement;\n\n  @BindStateToController('facet')\n  @State()\n  public facetState!: CategoryFacetState;\n  @BindStateToController('searchStatus')\n  @State()\n  public searchStatusState!: SearchStatusState;\n  @BindStateToController('tabManager')\n  @State()\n  public tabManagerState!: TabManagerState;\n  @State() public error!: Error;\n\n  /**\n   * Specifies a unique identifier for the facet.\n   */\n  @Prop({mutable: true, reflect: true}) public facetId?: string;\n  /**\n   * The non-localized label for the facet.\n   * Used in the `atomic-breadbox` component through the bindings store.\n   */\n  @Prop({reflect: true}) public label = 'no-label';\n  /**\n   * The field whose values you want to display in the facet.\n   */\n  @Prop({reflect: true}) public field!: string;\n  /**\n   * The tabs on which the facet can be displayed. This property should not be used at the same time as `tabs-excluded`.\n   *\n   * Set this property as a stringified JSON array, e.g.,\n   * ```html\n   *  <atomic-timeframe-facet tabs-included='[\"tabIDA\", \"tabIDB\"]'></atomic-timeframe-facet>\n   * ```\n   * If you don't set this property, the facet can be displayed on any tab. Otherwise, the facet can only be displayed on the specified tabs.\n   */\n  @ArrayProp()\n  @Prop({reflect: true, mutable: true})\n  public tabsIncluded: string[] | string = '[]';\n\n  /**\n   * The tabs on which this facet must not be displayed. This property should not be used at the same time as `tabs-included`.\n   *\n   * Set this property as a stringified JSON array, e.g.,\n   * ```html\n   *  <atomic-timeframe-facet tabs-excluded='[\"tabIDA\", \"tabIDB\"]'></atomic-timeframe-facet>\n   * ```\n   * If you don't set this property, the facet can be displayed on any tab. Otherwise, the facet won't be displayed on any of the specified tabs.\n   */\n  @ArrayProp()\n  @Prop({reflect: true, mutable: true})\n  public tabsExcluded: string[] | string = '[]';\n\n  /**\n   * The number of values to request for this facet.\n   * Also determines the number of additional values to request each time more values are shown.\n   */\n  @Prop({reflect: true}) public numberOfValues = 8;\n  /**\n   * Whether this facet should contain a search box.\n   *\n   */\n  @Prop({reflect: true}) public withSearch = false;\n  /**\n   * The sort criterion to apply to the returned facet values.\n   * Possible values are 'alphanumeric' and 'occurrences'.\n   * For this criterion to apply to the top-layer facet values, disable\n   * [facet value ordering](https://docs.coveo.com/en/l1qf4156/#facet-value-ordering)\n   * in your Dynamic Navigation Experience configuration.\n   */\n  // TODO: add automatic (occurrences when not expanded, alphanumeric when expanded)\n  @Prop({reflect: true}) public sortCriteria: CategoryFacetSortCriterion =\n    'occurrences';\n  /**\n   * The character that separates values of a multi-value field.\n   *\n   * *Note:* If you use the [example formatting](https://docs.coveo.com/en/atomic/latest/reference/components/atomic-category-facet/#usage-notes) for the associated multi-value field, you must set this value to `|` or the facet won't display properly.\n   */\n  @Prop({reflect: true}) public delimitingCharacter = ';';\n  /**\n   * The base path shared by all values for the facet.\n   *\n   * Specify the property as an array using a JSON string representation:\n   * ```html\n   *  <atomic-category-facet base-path='[\"first value\", \"second value\"]' ></atomic-category-facet>\n   * ```\n   */\n  @ArrayProp()\n  @Prop({reflect: true, mutable: true})\n  public basePath: string[] | string = '[]';\n\n  /**\n   * Whether to use basePath as a filter for the results.\n   */\n  @Prop({reflect: true}) public filterByBasePath = true;\n  /**\n   * Specifies whether the facet is collapsed. When the facet is the child of an `atomic-facet-manager` component, the facet manager controls this property.\n   */\n  @Prop({reflect: true, mutable: true}) public isCollapsed = false;\n  /**\n   * The [heading level](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/Heading_Elements) to use for the heading over the facet, from 1 to 6.\n   */\n  @Prop({reflect: true}) public headingLevel = 0;\n  /**\n   * Whether to exclude the parents of folded results when estimating the result count for each facet value.\n   *\n   *\n   * Note: Resulting count is only an estimation, in some cases this value could be incorrect.\n   */\n  @Prop({reflect: true}) public filterFacetCount = true;\n  /**\n   * The maximum number of results to scan in the index to ensure that the facet lists all potential facet values.\n   * Note: A high injectionDepth may negatively impact the facet request performance.\n   * Minimum: `0`\n   * Default: `1000`\n   */\n  @Prop({reflect: true}) public injectionDepth = 1000;\n  // @Prop() public customSort?: string; TODO: KIT-753 Add customSort option for facet\n\n  /**\n   * The required facets and values for this facet to be displayed.\n   * Examples:\n   * ```html\n   * <atomic-facet facet-id=\"abc\" field=\"objecttype\" ...></atomic-facet>\n   *\n   * <!-- To show the facet when any value is selected in the facet with id \"abc\": -->\n   * <atomic-category-facet\n   *   depends-on-abc\n   *   ...\n   * ></atomic-category-facet>\n   *\n   * <!-- To show the facet when value \"doc\" is selected in the facet with id \"abc\": -->\n   * <atomic-category-facet\n   *   depends-on-abc=\"doc\"\n   *   ...\n   * ></atomic-category-facet>\n   * ```\n   */\n  @MapProp() @Prop() public dependsOn: Record<string, string> = {};\n\n  private showLessFocus?: FocusTargetController;\n\n  private showMoreFocus?: FocusTargetController;\n\n  private headerFocus?: FocusTargetController;\n\n  private activeValueFocus?: FocusTargetController;\n\n  @AriaLiveRegion('facet-search')\n  protected facetSearchAriaMessage!: string;\n\n  public initialize() {\n    if (\n      [...this.tabsIncluded].length > 0 &&\n      [...this.tabsExcluded].length > 0\n    ) {\n      console.warn(\n        'Values for both \"tabs-included\" and \"tabs-excluded\" have been provided. This is could lead to unexpected behaviors.'\n      );\n    }\n    this.searchStatus = buildSearchStatus(this.bindings.engine);\n    this.tabManager = buildTabManager(this.bindings.engine);\n    const options: CategoryFacetOptions = {\n      facetId: this.facetId,\n      field: this.field,\n      numberOfValues: this.numberOfValues,\n      sortCriteria: this.sortCriteria,\n      facetSearch: {numberOfValues: this.numberOfValues},\n      basePath: [...this.basePath],\n      delimitingCharacter: this.delimitingCharacter,\n      filterByBasePath: this.filterByBasePath,\n      injectionDepth: this.injectionDepth,\n      filterFacetCount: this.filterFacetCount,\n      tabs: {\n        included: [...this.tabsIncluded],\n        excluded: [...this.tabsExcluded],\n      },\n    };\n    this.facet = buildCategoryFacet(this.bindings.engine, {options});\n    announceFacetSearchResultsWithAriaLive(\n      this.facet,\n      this.label,\n      (msg) => (this.facetSearchAriaMessage = msg),\n      this.bindings.i18n\n    );\n    this.facetId = this.facet.state.facetId;\n    const facetInfo: FacetInfo = {\n      label: () => this.bindings.i18n.t(this.label),\n      facetId: this.facetId!,\n      element: this.host,\n      isHidden: () => this.isHidden,\n    };\n    this.bindings.store.registerFacet('categoryFacets', facetInfo);\n    initializePopover(this.host, {\n      ...facetInfo,\n      hasValues: () => !!this.facet.state.valuesAsTrees.length,\n      numberOfActiveValues: () => (this.facetState.hasActiveValues ? 1 : 0),\n    });\n    this.initializeDependenciesManager();\n  }\n\n  private get focusTargets() {\n    if (!this.showLessFocus) {\n      this.showLessFocus = new FocusTargetController(this);\n    }\n    if (!this.showMoreFocus) {\n      this.showMoreFocus = new FocusTargetController(this);\n    }\n    if (!this.headerFocus) {\n      this.headerFocus = new FocusTargetController(this);\n    }\n    if (!this.activeValueFocus) {\n      this.activeValueFocus = new FocusTargetController(this);\n    }\n\n    return {\n      showLessFocus: this.showLessFocus,\n      showMoreFocus: this.showMoreFocus,\n      headerFocus: this.headerFocus,\n      activeValueFocus: this.activeValueFocus,\n    };\n  }\n\n  public disconnectedCallback() {\n    if (this.host.isConnected) {\n      return;\n    }\n    this.dependenciesManager?.stopWatching();\n  }\n\n  private get isHidden() {\n    return (\n      this.searchStatusState.hasError ||\n      !this.facet.state.enabled ||\n      (!this.facet.state.selectedValueAncestry.length &&\n        !this.facet.state.valuesAsTrees.length)\n    );\n  }\n\n  public componentShouldUpdate(\n    next: unknown,\n    prev: unknown,\n    propName: keyof AtomicCategoryFacet\n  ) {\n    if (\n      this.isCategoryFacetState(prev, propName) &&\n      this.isCategoryFacetState(next, propName)\n    ) {\n      return shouldUpdateFacetSearchComponent(\n        next.facetSearch,\n        prev.facetSearch\n      );\n    }\n    return true;\n  }\n\n  private get hasParents() {\n    return !!this.facetState.selectedValueAncestry.length;\n  }\n\n  private initializeDependenciesManager() {\n    this.dependenciesManager = buildFacetConditionsManager(\n      this.bindings.engine,\n      {\n        facetId: this.facetId!,\n        conditions: parseDependsOn<\n          FacetValueRequest | CategoryFacetValueRequest\n        >(this.dependsOn),\n      }\n    );\n  }\n\n  private renderHeader() {\n    return (\n      <FacetHeader\n        i18n={this.bindings.i18n}\n        label={this.label}\n        numberOfActiveValues={\n          this.facetState.hasActiveValues && this.isCollapsed ? 1 : 0\n        }\n        isCollapsed={this.isCollapsed}\n        headingLevel={this.headingLevel}\n        onToggleCollapse={() => (this.isCollapsed = !this.isCollapsed)}\n        onClearFilters={() => {\n          this.focusTargets.headerFocus.focusAfterSearch();\n          this.facet.deselectAll();\n        }}\n        headerRef={(header) => {\n          this.focusTargets.headerFocus.setTarget(header);\n          if (!this.hasParents) {\n            this.focusTargets.activeValueFocus.setTarget(header);\n          }\n        }}\n      ></FacetHeader>\n    );\n  }\n\n  private renderSearchInput() {\n    if (!this.withSearch) {\n      return;\n    }\n\n    return (\n      <FacetSearchInput\n        i18n={this.bindings.i18n}\n        label={this.label}\n        query={this.facetState.facetSearch.query}\n        onChange={(value) => {\n          if (value === '') {\n            this.facet.facetSearch.clear();\n            return;\n          }\n          this.facet.facetSearch.updateCaptions(\n            getFieldCaptions(this.field, this.bindings.i18n)\n          );\n          this.facet.facetSearch.updateText(value);\n          this.facet.facetSearch.search();\n        }}\n        onClear={() => this.facet.facetSearch.clear()}\n      ></FacetSearchInput>\n    );\n  }\n\n  private renderValuesTree(\n    valuesAsTrees: CategoryFacetValue[],\n    isRoot: boolean\n  ) {\n    if (!this.hasParents) {\n      return this.renderChildren();\n    }\n\n    if (isRoot) {\n      return (\n        <CategoryFacetTreeValueContainer>\n          <CategoryFacetAllCategoryButton\n            i18n={this.bindings.i18n}\n            onClick={() => {\n              this.focusTargets.activeValueFocus.focusAfterSearch();\n              this.facet.deselectAll();\n            }}\n          />\n          <CategoryFacetParentAsTreeContainer isTopLevel={false}>\n            {this.renderValuesTree(valuesAsTrees, false)}\n          </CategoryFacetParentAsTreeContainer>\n        </CategoryFacetTreeValueContainer>\n      );\n    }\n\n    if (valuesAsTrees.length > 1) {\n      const parentValue = valuesAsTrees[0];\n\n      return (\n        <CategoryFacetTreeValueContainer>\n          <CategoryFacetParentButton\n            facetValue={parentValue}\n            field={this.field}\n            i18n={this.bindings.i18n}\n            onClick={() => {\n              this.focusTargets.activeValueFocus.focusAfterSearch();\n              this.facet.toggleSelect(parentValue);\n            }}\n          />\n          <CategoryFacetParentAsTreeContainer isTopLevel={false}>\n            {this.renderValuesTree(valuesAsTrees.slice(1), false)}\n          </CategoryFacetParentAsTreeContainer>\n        </CategoryFacetTreeValueContainer>\n      );\n    }\n\n    const activeParent = valuesAsTrees[0];\n    const activeParentDisplayValue = getFieldValueCaption(\n      this.field,\n      activeParent.value,\n      this.bindings.i18n\n    );\n\n    return (\n      <CategoryFacetParentValueLink\n        displayValue={activeParentDisplayValue}\n        numberOfResults={activeParent.numberOfResults}\n        i18n={this.bindings.i18n}\n        isLeafValue={activeParent.isLeafValue}\n        onClick={() => {\n          this.focusTargets.activeValueFocus.focusAfterSearch();\n          this.facet.deselectAll();\n        }}\n        searchQuery={this.facetState.facetSearch.query}\n        setRef={(el) => this.focusTargets.activeValueFocus.setTarget(el)}\n      >\n        <CategoryFacetChildrenAsTreeContainer>\n          {this.renderChildren()}\n        </CategoryFacetChildrenAsTreeContainer>\n      </CategoryFacetParentValueLink>\n    );\n  }\n\n  private renderChild(\n    facetValue: CategoryFacetValue,\n    isShowLessFocusTarget: boolean,\n    isShowMoreFocusTarget: boolean\n  ) {\n    const displayValue = getFieldValueCaption(\n      this.field,\n      facetValue.value,\n      this.bindings.i18n\n    );\n    const isSelected = facetValue.state === 'selected';\n    return (\n      <CategoryFacetChildValueLink\n        displayValue={displayValue}\n        i18n={this.bindings.i18n}\n        isLeafValue={facetValue.isLeafValue}\n        isSelected={isSelected}\n        numberOfResults={facetValue.numberOfResults}\n        onClick={() => {\n          this.focusTargets.activeValueFocus.focusAfterSearch();\n          this.facet.toggleSelect(facetValue);\n        }}\n        searchQuery={this.facetState.facetSearch.query}\n        setRef={(element) => {\n          isShowLessFocusTarget &&\n            this.focusTargets.showLessFocus.setTarget(element);\n          isShowMoreFocusTarget &&\n            this.focusTargets.showMoreFocus.setTarget(element);\n        }}\n      ></CategoryFacetChildValueLink>\n    );\n  }\n\n  private renderChildren() {\n    if (!this.facetState.valuesAsTrees.length) {\n      return;\n    }\n    if (this.facetState.selectedValueAncestry.length > 0) {\n      return this.facetState.selectedValueAncestry\n        .find((value) => value.state === 'selected')\n        ?.children.map((value, i) =>\n          this.renderChild(\n            value,\n            i === 0,\n            i === this.resultIndexToFocusOnShowMore\n          )\n        );\n    }\n\n    return this.facetState.valuesAsTrees.map((value, i) =>\n      this.renderChild(value, i === 0, i === this.resultIndexToFocusOnShowMore)\n    );\n  }\n\n  private renderSearchResults() {\n    return (\n      <CategoryFacetSearchResultsContainer>\n        {this.facetState.facetSearch.values.map((value) => (\n          <CategoryFacetSearchValue\n            value={value}\n            field={this.field}\n            i18n={this.bindings.i18n}\n            searchQuery={this.facetState.facetSearch.query}\n            onClick={() => {\n              this.focusTargets.activeValueFocus.focusAfterSearch();\n              this.facet.facetSearch.select(value);\n            }}\n          ></CategoryFacetSearchValue>\n        ))}\n      </CategoryFacetSearchResultsContainer>\n    );\n  }\n\n  private renderMatches() {\n    return (\n      <FacetSearchMatches\n        i18n={this.bindings.i18n}\n        query={this.facetState.facetSearch.query}\n        numberOfMatches={this.facetState.facetSearch.values.length}\n        hasMoreMatches={this.facetState.facetSearch.moreValuesAvailable}\n        showMoreMatches={() => this.facet.facetSearch.showMoreResults()}\n      ></FacetSearchMatches>\n    );\n  }\n\n  private renderShowMoreLess() {\n    return (\n      <div class={this.hasParents ? 'pl-9' : ''}>\n        <FacetShowMoreLess\n          label={this.label}\n          i18n={this.bindings.i18n}\n          onShowMore={() => {\n            this.resultIndexToFocusOnShowMore =\n              this.facetState.valuesAsTrees[0].children.length;\n            this.focusTargets.showMoreFocus.focusAfterSearch();\n            this.facet.showMoreValues();\n          }}\n          onShowLess={() => {\n            this.focusTargets.showLessFocus.focusAfterSearch();\n            this.facet.showLessValues();\n          }}\n          canShowLessValues={this.facetState.canShowLessValues}\n          canShowMoreValues={this.facetState.canShowMoreValues}\n        ></FacetShowMoreLess>\n      </div>\n    );\n  }\n\n  private isCategoryFacetState(\n    state: unknown,\n    propName: string\n  ): state is CategoryFacetState {\n    return (\n      propName === 'facetState' &&\n      typeof (state as CategoryFacetState)?.facetId === 'string'\n    );\n  }\n\n  public render() {\n    const {\n      bindings: {i18n},\n      label,\n      facetState: {facetSearch, enabled, valuesAsTrees, selectedValueAncestry},\n      searchStatusState: {hasError, firstSearchExecuted},\n    } = this;\n\n    return (\n      <FacetGuard\n        enabled={enabled}\n        firstSearchExecuted={firstSearchExecuted}\n        hasError={hasError}\n        hasResults={valuesAsTrees.length > 0}\n      >\n        {firstSearchExecuted ? (\n          <FacetContainer>\n            {this.renderHeader()}\n            {!this.isCollapsed && [\n              this.renderSearchInput(),\n              shouldDisplaySearchResults(facetSearch) ? (\n                <Fragment>\n                  {facetSearch.values.length ? (\n                    <FacetValuesGroup\n                      i18n={i18n}\n                      label={label}\n                      query={facetSearch.query}\n                    >\n                      {this.renderSearchResults()}\n                    </FacetValuesGroup>\n                  ) : (\n                    <div class=\"mt-3\"></div>\n                  )}\n                  {this.renderMatches()}\n                </Fragment>\n              ) : (\n                <Fragment>\n                  <FacetValuesGroup i18n={i18n} label={label}>\n                    {this.hasParents ? (\n                      <CategoryFacetParentAsTreeContainer\n                        isTopLevel={true}\n                        className=\"mt-3\"\n                      >\n                        {this.renderValuesTree(selectedValueAncestry, true)}\n                      </CategoryFacetParentAsTreeContainer>\n                    ) : (\n                      <CategoryFacetChildrenAsTreeContainer className=\"mt-3\">\n                        {this.renderChildren()}\n                      </CategoryFacetChildrenAsTreeContainer>\n                    )}\n                  </FacetValuesGroup>\n                  {this.renderShowMoreLess()}\n                </Fragment>\n              ),\n            ]}\n          </FacetContainer>\n        ) : (\n          <FacetPlaceholder\n            isCollapsed={this.isCollapsed}\n            numberOfValues={this.numberOfValues}\n          />\n        )}\n      </FacetGuard>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -1 +0,0 @@
-{"version":3,"names":["atomicInsightNumericFacetCss","AtomicInsightNumericFacetStyle0","AtomicInsightNumericFacet","this","manualRanges","formatter","defaultNumberFormatter","label","numberOfValues","sortCriteria","rangeAlgorithm","displayValuesAs","isCollapsed","headingLevel","filterFacetCount","injectionDepth","dependsOn","initialize","validateProps","computeFacetId","initializeFacetForInput","initializeFacetForRange","initializeFilter","initializeDependenciesManager","initializeSearchStatus","registerFacetToStore","focusTarget","headerFocus","FocusTargetController","disconnectedCallback","host","isConnected","dependenciesManager","stopWatching","withInput","facetForInput","buildInsightNumericFacet","bindings","engine","options","facetId","generateAutomaticRanges","field","Array","from","querySelectorAll","map","start","end","endInclusive","buildInsightNumericRange","facetForRange","currentValues","length","filter","buildInsightNumericFilter","buildInsightFacetConditionsManager","state","conditions","parseDependsOn","searchStatus","buildInsightSearchStatus","facetInfo","i18n","t","element","isHidden","store","registerFacet","format","value","formatHumanReadable","facetValue","logger","initializePopover","hasValues","numberOfActiveValues","numberOfSelectedValues","numericFacets","setFormat","event","preventDefault","stopPropagation","detail","applyNumberInput","dispatch","loadInsightNumericFacetSetActions","deselectAllNumericFacetValues","render","searchStatusState","firstSearchExecuted","hasError","h","FacetGuard","key","enabled","hasResults","shouldRenderFacet","FacetContainer","FacetHeader","onClearFilters","focusAfterSearch","filterState","range","clear","deselectAll","onToggleCollapse","headerRef","el","setTarget","shouldRenderValues","renderValues","shouldRenderInput","type","FacetPlaceholder","NumericFacetValuesContainer","valuesToRender","NumericFacetValueLink","onClick","toggleSingleSelect","toggleSelect","values","hasInputRange","numberOfResults","shouldDisplayInputForFacetRange","facetValues","hasInput","randomID","facetState","Schema","StringValue","constrainTo","validate","__decorate","InitializeBindings","BindStateToController","MapProp"],"sources":["src/components/insight/atomic-insight-numeric-facet/atomic-insight-numeric-facet.pcss?tag=atomic-insight-numeric-facet&encapsulation=shadow","src/components/insight/atomic-insight-numeric-facet/atomic-insight-numeric-facet.tsx"],"sourcesContent":["@import '../../common/facets/numeric-facet-common.pcss';\n","import {Schema, StringValue} from '@coveo/bueno';\nimport {\n  buildFacetConditionsManager as buildInsightFacetConditionsManager,\n  buildNumericFacet as buildInsightNumericFacet,\n  buildNumericFilter as buildInsightNumericFilter,\n  buildNumericRange as buildInsightNumericRange,\n  buildSearchStatus as buildInsightSearchStatus,\n  CategoryFacetValueRequest as InsightCategoryFacetValueRequest,\n  FacetConditionsManager as InsightFacetConditionsManager,\n  FacetValueRequest as InsightFacetValueRequest,\n  NumericFacet as InsightNumericFacet,\n  NumericFacetState as InsightNumericFacetState,\n  NumericFilter as InsightNumericFilter,\n  NumericFilterState as InsightNumericFilterState,\n  NumericRangeRequest as InsightNumericRangeRequest,\n  RangeFacetRangeAlgorithm as InsightRangeFacetRangeAlgorithm,\n  RangeFacetSortCriterion as InsightRangeFacetSortCriterion,\n  SearchStatus as InsightSearchStatus,\n  SearchStatusState as InsightSearchStatusState,\n  loadNumericFacetSetActions as loadInsightNumericFacetSetActions,\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 {randomID} from '../../../utils/utils';\nimport {parseDependsOn} from '../../common/facets/depends-on';\nimport {FacetInfo} from '../../common/facets/facet-common-store';\nimport {FacetContainer} from '../../common/facets/facet-container/stencil-facet-container';\nimport {FacetGuard} from '../../common/facets/stencil-facet-guard';\nimport {FacetHeader} from '../../common/facets/facet-header/stencil-facet-header';\nimport {NumberInputType} from '../../common/facets/facet-number-input/number-input-type';\nimport {FacetPlaceholder} from '../../common/facets/facet-placeholder/facet-placeholder';\nimport {formatHumanReadable} from '../../common/facets/numeric-facet/formatter';\nimport {NumericFacetValueLink} from '../../common/facets/numeric-facet/stencil-value-link';\nimport {NumericFacetValuesContainer} from '../../common/facets/numeric-facet/stencil-values-container';\nimport {initializePopover} from '../../common/facets/popover/popover-type';\nimport {shouldDisplayInputForFacetRange} from '../../common/facets/stencil-facet-common';\nimport {\n  defaultNumberFormatter,\n  NumberFormatter,\n} from '../../common/formats/format-common';\nimport {InsightBindings} from '../atomic-insight-interface/atomic-insight-interface';\n\n/**\n * @internal\n */\n@Component({\n  tag: 'atomic-insight-numeric-facet',\n  styleUrl: './atomic-insight-numeric-facet.pcss',\n  shadow: true,\n})\nexport class AtomicInsightNumericFacet\n  implements InitializableComponent<InsightBindings>\n{\n  @InitializeBindings() public bindings!: InsightBindings;\n  public facetForRange?: InsightNumericFacet;\n  public facetForInput?: InsightNumericFacet;\n  public filter?: InsightNumericFilter;\n  public searchStatus!: InsightSearchStatus;\n  private manualRanges: (InsightNumericRangeRequest & {label?: string})[] = [];\n  private dependenciesManager?: InsightFacetConditionsManager;\n\n  @Element() private host!: HTMLElement;\n  private formatter: NumberFormatter = defaultNumberFormatter;\n  @BindStateToController('facetForRange')\n  @State()\n  public facetState!: InsightNumericFacetState;\n  @BindStateToController('filter')\n  @State()\n  public filterState?: InsightNumericFilterState;\n  @BindStateToController('searchStatus')\n  @State()\n  public searchStatusState!: InsightSearchStatusState;\n  @State() public error!: Error;\n  @BindStateToController('facetForInput')\n  @State()\n  public facetForInputState?: InsightNumericFacetState;\n\n  /**\n   * Specifies a unique identifier for the facet.\n   */\n  @Prop({mutable: true, reflect: true}) public facetId?: string;\n  /**\n   * The non-localized label for the facet.\n   * Used in the `atomic-breadbox` component through the bindings store.\n   */\n  @Prop({reflect: true}) public label = 'no-label';\n  /**\n   * The field whose values you want to display in the facet.\n   */\n  @Prop({reflect: true}) public field!: string;\n  /**\n   * The number of values to request for this facet, when there are no manual ranges.\n   * If the number of values is 0, no ranges will be displayed.\n   */\n  @Prop({reflect: true}) public numberOfValues = 8;\n  /**\n   * Whether this facet should contain an input allowing users to set custom ranges.\n   * Depending on the field, the input can allow either decimal or integer values.\n   */\n  @Prop({reflect: true}) public withInput?: NumberInputType;\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    'ascending';\n  /**\n   * The algorithm that's used for generating the ranges of this facet when they aren't manually defined. The default value of `\"equiprobable\"` generates facet ranges which vary in size but have a more balanced number of results within each range. The value of `\"even\"` generates equally sized facet ranges across all of the results.\n   */\n  @Prop({reflect: true})\n  public rangeAlgorithm: InsightRangeFacetRangeAlgorithm = 'equiprobable';\n  /**\n   * Whether to display the facet values as checkboxes (multiple selection) or links (single selection).\n   * Possible values are 'checkbox' and 'link'.\n   */\n  @Prop({reflect: true}) public displayValuesAs: 'checkbox' | 'link' =\n    'checkbox';\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-numeric-facet\n   *   depends-on-abc\n   *   ...\n   * ></atomic-insight-numeric-facet>\n   *\n   * <!-- To show the facet when value \"doc\" is selected in the facet with id \"abc\": -->\n   * <atomic-insight-numeric-facet\n   *   depends-on-abc=\"doc\"\n   *   ...\n   * ></atomic-insight-numeric-facet>\n   * ```\n   */\n  @MapProp() @Prop() public dependsOn: Record<string, string> = {};\n\n  private headerFocus?: FocusTargetController;\n\n  public initialize() {\n    this.validateProps();\n    this.computeFacetId();\n    this.initializeFacetForInput();\n    this.initializeFacetForRange();\n    this.initializeFilter();\n    this.initializeDependenciesManager();\n    this.initializeSearchStatus();\n    this.registerFacetToStore();\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    if (this.host.isConnected) {\n      return;\n    }\n    this.dependenciesManager?.stopWatching();\n  }\n\n  private initializeFacetForInput() {\n    if (!this.withInput) {\n      return;\n    }\n    this.facetForInput = buildInsightNumericFacet(this.bindings.engine, {\n      options: {\n        facetId: `${this.facetId}_input_range`,\n        numberOfValues: 1,\n        generateAutomaticRanges: true,\n        field: this.field,\n        sortCriteria: this.sortCriteria,\n        rangeAlgorithm: this.rangeAlgorithm,\n        filterFacetCount: this.filterFacetCount,\n        injectionDepth: this.injectionDepth,\n      },\n    });\n\n    return this.facetForInput;\n  }\n\n  private initializeFacetForRange() {\n    if (this.numberOfValues <= 0) {\n      return;\n    }\n\n    this.manualRanges = Array.from(\n      this.host.querySelectorAll('atomic-numeric-range')\n    ).map(({start, end, endInclusive, label}) => ({\n      ...buildInsightNumericRange({start, end, endInclusive}),\n      label,\n    }));\n\n    this.facetForRange = buildInsightNumericFacet(this.bindings.engine, {\n      options: {\n        facetId: this.facetId,\n        field: this.field,\n        numberOfValues: this.numberOfValues,\n        sortCriteria: this.sortCriteria,\n        rangeAlgorithm: this.rangeAlgorithm,\n        currentValues: this.manualRanges,\n        generateAutomaticRanges: !this.manualRanges.length,\n        filterFacetCount: this.filterFacetCount,\n        injectionDepth: this.injectionDepth,\n      },\n    });\n\n    return this.facetForRange;\n  }\n\n  private initializeFilter() {\n    if (!this.withInput) {\n      return;\n    }\n\n    this.filter = buildInsightNumericFilter(this.bindings.engine, {\n      options: {\n        facetId: `${this.facetId}_input`,\n        field: this.field,\n      },\n    });\n  }\n\n  private initializeDependenciesManager() {\n    this.dependenciesManager = buildInsightFacetConditionsManager(\n      this.bindings.engine,\n      {\n        facetId:\n          this.facetForRange?.state.facetId ?? this.filter!.state.facetId,\n        conditions: parseDependsOn<\n          InsightFacetValueRequest | InsightCategoryFacetValueRequest\n        >(this.dependsOn),\n      }\n    );\n  }\n\n  private initializeSearchStatus() {\n    this.searchStatus = buildInsightSearchStatus(this.bindings.engine);\n  }\n\n  private registerFacetToStore() {\n    const facetInfo: FacetInfo = {\n      label: () => this.bindings.i18n.t(this.label),\n      facetId: this.facetId!,\n      element: this.host,\n      isHidden: () => this.isHidden,\n    };\n\n    this.bindings.store.registerFacet('numericFacets', {\n      ...facetInfo,\n      format: (value) =>\n        formatHumanReadable({\n          facetValue: value,\n          logger: this.bindings.engine.logger,\n          i18n: this.bindings.i18n,\n          field: this.field,\n          manualRanges: this.manualRanges,\n          formatter: this.formatter,\n        }),\n    });\n\n    initializePopover(this.host, {\n      ...facetInfo,\n      hasValues: () => this.hasValues,\n      numberOfActiveValues: () => this.numberOfSelectedValues,\n    });\n\n    if (this.filter) {\n      this.bindings.store.state.numericFacets[this.filter.state.facetId] =\n        this.bindings.store.state.numericFacets[this.facetId!];\n    }\n  }\n\n  @Listen('atomic/numberFormat')\n  public setFormat(event: CustomEvent<NumberFormatter>) {\n    event.preventDefault();\n    event.stopPropagation();\n    this.formatter = event.detail;\n  }\n\n  @Listen('atomic/numberInputApply')\n  public applyNumberInput() {\n    this.facetId &&\n      this.bindings.engine.dispatch(\n        loadInsightNumericFacetSetActions(\n          this.bindings.engine\n        ).deselectAllNumericFacetValues(this.facetId)\n      );\n  }\n\n  public render() {\n    const {\n      searchStatusState: {firstSearchExecuted, hasError},\n      bindings: {i18n},\n      label,\n      numberOfSelectedValues,\n      isCollapsed,\n      headingLevel,\n      focusTarget,\n      withInput,\n      filter,\n    } = this;\n    return (\n      <FacetGuard\n        enabled={this.enabled}\n        firstSearchExecuted={firstSearchExecuted}\n        hasError={hasError}\n        hasResults={this.shouldRenderFacet}\n      >\n        {firstSearchExecuted ? (\n          <FacetContainer>\n            <FacetHeader\n              i18n={i18n}\n              label={label}\n              onClearFilters={() => {\n                focusTarget.focusAfterSearch();\n                if (this.filterState?.range) {\n                  this.filter?.clear();\n                  return;\n                }\n                this.facetForRange?.deselectAll();\n              }}\n              numberOfActiveValues={numberOfSelectedValues}\n              isCollapsed={isCollapsed}\n              headingLevel={headingLevel}\n              onToggleCollapse={() => (this.isCollapsed = !this.isCollapsed)}\n              headerRef={(el) => focusTarget.setTarget(el)}\n            />\n            {!isCollapsed && [\n              this.shouldRenderValues && this.renderValues(),\n              this.shouldRenderInput && (\n                <atomic-facet-number-input\n                  type={withInput!}\n                  bindings={this.bindings}\n                  label={label}\n                  filter={filter!}\n                  filterState={filter!.state}\n                ></atomic-facet-number-input>\n              ),\n            ]}\n          </FacetContainer>\n        ) : (\n          <FacetPlaceholder\n            isCollapsed={this.isCollapsed}\n            numberOfValues={this.numberOfValues}\n          />\n        )}\n      </FacetGuard>\n    );\n  }\n\n  private renderValues() {\n    const {\n      displayValuesAs,\n      field,\n      manualRanges,\n      label,\n      bindings: {\n        i18n,\n        engine: {logger},\n      },\n    } = this;\n\n    return (\n      <NumericFacetValuesContainer i18n={i18n} label={label}>\n        {this.valuesToRender.map((value) => (\n          <NumericFacetValueLink\n            formatter={this.formatter}\n            displayValuesAs={displayValuesAs}\n            facetValue={value}\n            field={field}\n            i18n={i18n}\n            logger={logger}\n            manualRanges={manualRanges}\n            onClick={() =>\n              this.displayValuesAs === 'link'\n                ? this.facetForRange!.toggleSingleSelect(value)\n                : this.facetForRange!.toggleSelect(value)\n            }\n          />\n        ))}\n      </NumericFacetValuesContainer>\n    );\n  }\n\n  private get numberOfSelectedValues() {\n    if (this.filter?.state.range) {\n      return 1;\n    }\n\n    return (\n      this.facetForRange?.state.values.filter(({state}) => state === 'selected')\n        .length || 0\n    );\n  }\n\n  private get shouldRenderValues() {\n    return (\n      !this.hasInputRange &&\n      this.numberOfValues > 0 &&\n      !!this.valuesToRender.length\n    );\n  }\n\n  private get hasInputRange() {\n    return !!this.filter?.state.range;\n  }\n\n  private get valuesToRender() {\n    return (\n      this.facetForRange?.state.values.filter(\n        (value) => value.numberOfResults || value.state !== 'idle'\n      ) || []\n    );\n  }\n\n  private get shouldRenderInput() {\n    return shouldDisplayInputForFacetRange({\n      hasInputRange: this.hasInputRange,\n      searchStatusState: this.searchStatusState,\n      facetValues: this.facetForInput?.state.values || [],\n      hasInput: !!this.withInput,\n    });\n  }\n\n  private computeFacetId() {\n    if (this.facetId) {\n      return;\n    }\n\n    if (this.bindings.store.state.numericFacets[this.field]) {\n      this.facetId = randomID(`${this.field}_`);\n    }\n\n    this.facetId = this.field;\n  }\n\n  private get isHidden() {\n    return !this.shouldRenderFacet || !this.facetState.enabled;\n  }\n\n  private get shouldRenderFacet() {\n    return this.shouldRenderInput || this.shouldRenderValues;\n  }\n\n  private get hasValues() {\n    if (this.facetForInput?.state.values.length) {\n      return true;\n    }\n\n    return !!this.valuesToRender.length;\n  }\n\n  private get enabled() {\n    return this.facetState?.enabled ?? this.filter?.state.enabled ?? true;\n  }\n\n  private validateProps() {\n    new Schema({\n      displayValuesAs: new StringValue({constrainTo: ['checkbox', 'link']}),\n      withInput: new StringValue({constrainTo: ['integer', 'decimal']}),\n    }).validate({\n      displayValuesAs: this.displayValuesAs,\n      withInput: this.withInput,\n    });\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/stencil-facet-guard-9573df7f.js.map

@@ -1 +0,0 @@
-{"file":"stencil-facet-guard-9573df7f.js","mappings":";;;;;AAUA;MACa,UAAU,GAAyC,CAC9D,EAAC,QAAQ,EAAE,OAAO,EAAE,mBAAmB,EAAE,UAAU,EAAC,EACpD,QAAQ;IAER,IAAI,QAAQ,IAAI,CAAC,OAAO,KAAK,mBAAmB,IAAI,CAAC,UAAU,CAAC,EAAE;QAChE,OAAOA,QAACC,0BAAM,OAAU,CAAC;KAC1B;IAED,OAAOD,QAACE,cAAQ,QAAE,QAAQ,CAAY,CAAC;AACzC;;;;","names":["h","Hidden","Fragment"],"sources":["src/components/common/facets/stencil-facet-guard.tsx"],"sourcesContent":["import {Fragment, FunctionalComponent, h} from '@stencil/core';\nimport {Hidden} from '../stencil-hidden';\n\ninterface FacetGuardProps {\n  hasError: boolean;\n  enabled: boolean;\n  firstSearchExecuted: boolean;\n  hasResults: boolean;\n}\n\n// @deprecated - use the `when` directive instead for Lit\nexport const FacetGuard: FunctionalComponent<FacetGuardProps> = (\n  {hasError, enabled, firstSearchExecuted, hasResults},\n  children\n) => {\n  if (hasError || !enabled || (firstSearchExecuted && !hasResults)) {\n    return <Hidden></Hidden>;\n  }\n\n  return <Fragment>{children}</Fragment>;\n};\n"],"version":3}

package/dist/esm/stencil-facet-guard-edbfa966.js.map

@@ -1 +0,0 @@
-{"file":"stencil-facet-guard-edbfa966.js","mappings":";;;AAUA;MACa,UAAU,GAAyC,CAC9D,EAAC,QAAQ,EAAE,OAAO,EAAE,mBAAmB,EAAE,UAAU,EAAC,EACpD,QAAQ;IAER,IAAI,QAAQ,IAAI,CAAC,OAAO,KAAK,mBAAmB,IAAI,CAAC,UAAU,CAAC,EAAE;QAChE,OAAO,EAAC,MAAM,OAAU,CAAC;KAC1B;IAED,OAAO,EAAC,QAAQ,QAAE,QAAQ,CAAY,CAAC;AACzC;;;;","names":[],"sources":["src/components/common/facets/stencil-facet-guard.tsx"],"sourcesContent":["import {Fragment, FunctionalComponent, h} from '@stencil/core';\nimport {Hidden} from '../stencil-hidden';\n\ninterface FacetGuardProps {\n  hasError: boolean;\n  enabled: boolean;\n  firstSearchExecuted: boolean;\n  hasResults: boolean;\n}\n\n// @deprecated - use the `when` directive instead for Lit\nexport const FacetGuard: FunctionalComponent<FacetGuardProps> = (\n  {hasError, enabled, firstSearchExecuted, hasResults},\n  children\n) => {\n  if (hasError || !enabled || (firstSearchExecuted && !hasResults)) {\n    return <Hidden></Hidden>;\n  }\n\n  return <Fragment>{children}</Fragment>;\n};\n"],"version":3}