@coveo/atomic 3.34.0-pre.616c4e348b → 3.34.0-pre.61b8e221e3

package/dist/cjs/atomic-recs-list.cjs.entry.js

@@ -6,15 +6,15 @@ const index = require('./index-757bc886.js');
 const bueno = require('@coveo/bueno');
 const recommendation = require('@coveo/headless/recommendation');
 const initializationUtils = require('./initialization-utils-92f1b080.js');
-const stencilAccessibilityUtils = require('./stencil-accessibility-utils-aa4c9f6c.js');
-const utils = require('./utils-7153ae6b.js');
+const stencilAccessibilityUtils = require('./stencil-accessibility-utils-86cc7071.js');
+const utils = require('./utils-12b49e87.js');
 const stencilPlaceholders = require('./stencil-placeholders-b8c896fa.js');
-const store = require('./store-82abd941.js');
+const store = require('./store-7927ea61.js');
 const stencilDisplayWrapper = require('./stencil-display-wrapper-498de571.js');
 const itemTemplateProvider = require('./item-template-provider-470c1774.js');
 const stencilDisplayGrid = require('./stencil-display-grid-93c5802a.js');
-const stencilItemListCommon = require('./stencil-item-list-common-17bd1046.js');
-const displayOptions = require('./display-options-14f05862.js');
+const stencilItemListCommon = require('./stencil-item-list-common-b08abf21.js');
+const displayOptions = require('./display-options-10f84088.js');
 const stencilCarousel = require('./stencil-carousel-a8df6f3c.js');
 const stencilHeading = require('./stencil-heading-2faee1f7.js');
 require('./dom-utils-d4790328.js');
@@ -24,8 +24,8 @@ require('./initialization-lit-stencil-common-utils-730030b0.js');
 require('./purify-85b542e2.js');
 require('./_commonjsHelpers-b3309d7b.js');
 require('@coveo/headless');
-require('./replace-breakpoint-utils-7a084f54.js');
-require('./sections-fbb93b53.js');
+require('./replace-breakpoint-utils-47f2eaa4.js');
+require('./item-layout-sections-73e27d24.js');
 require('./arrow-right-a3be291c.js');
 require('./stencil-button-94b89acc.js');
 require('./stencil-button-style-ba779fe2.js');
@@ -267,7 +267,7 @@ const AtomicRecsList = class {
         }))));
     }
     render() {
-        return (index.h(index.Fragment, { key: '799dbc1bfa0b5334b29ea7647c3e99bbeccb298b' }, this.renderHeading(), this.shouldRenderPagination ? (index.h(stencilCarousel.Carousel, { bindings: this.bindings, currentPage: this.currentPage, nextPage: () => this.nextPage(), previousPage: () => this.previousPage(), numberOfPages: this.numberOfPages }, this.renderListOfRecommendations())) : (this.renderListOfRecommendations())));
+        return (index.h(index.Fragment, { key: 'd30b46c14bacc46d3c0c5012cb5dd5f2263b402b' }, this.renderHeading(), this.shouldRenderPagination ? (index.h(stencilCarousel.Carousel, { bindings: this.bindings, currentPage: this.currentPage, nextPage: () => this.nextPage(), previousPage: () => this.previousPage(), numberOfPages: this.numberOfPages }, this.renderListOfRecommendations())) : (this.renderListOfRecommendations())));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/atomic-recs-result-template.cjs.entry.js

@@ -3,15 +3,15 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-757bc886.js');
-const propsUtils = require('./props-utils-1e4ba1b0.js');
-const resultTemplateCommon = require('./result-template-common-88359dad.js');
+const propsUtils = require('./props-utils-15a042f3.js');
+const resultTemplateCommon = require('./result-template-common-bc03b2ad.js');
 require('@coveo/bueno');
-require('./utils-7153ae6b.js');
+require('./utils-12b49e87.js');
 require('./purify-85b542e2.js');
 require('./_commonjsHelpers-b3309d7b.js');
 require('@coveo/headless');
 require('./table-element-utils-4865b735.js');
-require('./sections-fbb93b53.js');
+require('./item-layout-sections-73e27d24.js');
 
 var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;

package/dist/cjs/atomic-recs-result.cjs.entry.js

@@ -4,15 +4,15 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-757bc886.js');
 const domUtils = require('./dom-utils-d4790328.js');
-const stencilItemListCommon = require('./stencil-item-list-common-17bd1046.js');
-const displayOptions = require('./display-options-14f05862.js');
-require('./replace-breakpoint-utils-7a084f54.js');
-require('./stencil-accessibility-utils-aa4c9f6c.js');
+const stencilItemListCommon = require('./stencil-item-list-common-b08abf21.js');
+const displayOptions = require('./display-options-10f84088.js');
+require('./replace-breakpoint-utils-47f2eaa4.js');
+require('./stencil-accessibility-utils-86cc7071.js');
 require('./event-utils-9bfcf3c5.js');
-require('./utils-7153ae6b.js');
+require('./utils-12b49e87.js');
 require('./purify-85b542e2.js');
 require('./_commonjsHelpers-b3309d7b.js');
-require('./sections-fbb93b53.js');
+require('./item-layout-sections-73e27d24.js');
 
 const atomicRecsResultCss = "/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */\n@layer properties;\natomic-result-section-badges {\n  text-align: left;\n}\natomic-result-section-actions {\n  text-align: right;\n}\natomic-result-section-title-metadata {\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}\natomic-result-section-emphasized {\n  font-weight: 500;\n  --font-size: var(--atomic-text-2xl);\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  margin-top: 0.5rem;\n}\n@layer components {\n  :host :host {\n    font-family: var(--atomic-font-family);\n    --tw-font-weight: var(--atomic-font-normal);\n    font-weight: var(--atomic-font-normal);\n  }\n  :host atomic-result-section-badges {\n    text-align: left;\n  }\n  :host atomic-result-section-actions {\n    text-align: left;\n  }\n  :host atomic-result-section-title-metadata {\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  :host atomic-result-section-emphasized {\n    font-weight: 500;\n    --font-size: var(--atomic-text-2xl);\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    margin-top: 0.5rem;\n  }\n  :host .result-root.with-sections {\n    display: grid;\n    justify-items: stretch;\n  }\n  :host .result-root.with-sections atomic-result-section-visual {\n    grid-area: visual;\n  }\n  :host .result-root.with-sections atomic-result-section-badges {\n    grid-area: badges;\n  }\n  :host .result-root.with-sections atomic-result-section-actions {\n    grid-area: actions;\n  }\n  :host .result-root.with-sections atomic-result-section-actions atomic-result-quickview {\n    display: inline-block;\n  }\n  :host .result-root.with-sections atomic-result-section-title {\n    grid-area: title;\n    color: var(--atomic-on-background);\n  }\n  :host .result-root.with-sections atomic-result-section-title-metadata {\n    grid-area: title-metadata;\n  }\n  :host .result-root.with-sections atomic-result-section-emphasized {\n    grid-area: emphasized;\n  }\n  :host .result-root.with-sections atomic-result-section-excerpt {\n    grid-area: excerpt;\n    color: var(--atomic-neutral-dark);\n  }\n  :host .result-root.with-sections atomic-result-section-bottom-metadata {\n    grid-area: bottom-metadata;\n    color: var(--atomic-neutral-dark);\n  }\n  :host .result-root.with-sections atomic-result-section-children {\n    grid-area: children;\n  }\n  :host .result-root.with-sections atomic-result-section-badges, :host .result-root.with-sections atomic-result-section-actions {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 0.5rem;\n    max-height: calc(2 * var(--row-height, 2rem) + 0.5rem);\n  }\n  :host .result-root.with-sections atomic-result-section-visual, :host .result-root.with-sections atomic-result-section-badges, :host .result-root.with-sections atomic-result-section-actions, :host .result-root.with-sections atomic-result-section-title, :host .result-root.with-sections atomic-result-section-title-metadata, :host .result-root.with-sections atomic-result-section-emphasized, :host .result-root.with-sections atomic-result-section-excerpt, :host .result-root.with-sections atomic-result-section-bottom-metadata {\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n  :host .result-root.with-sections.image-icon atomic-result-section-visual {\n    border-radius: var(--atomic-border-radius);\n  }\n  @media (width >= 1024px) {\n    :host .result-root.with-sections.display-list.image-large.density-compact atomic-result-section-visual {\n      width: 10.25rem;\n      height: 10.25rem;\n    }\n    :host .result-root.with-sections.display-list atomic-result-section-children atomic-result-children::part(children-root), :host .result-root.with-sections.display-list atomic-result-section-children atomic-insight-result-children::part(children-root) {\n      border-style: var(--tw-border-style);\n      border-width: 1px;\n      border-color: var(--atomic-neutral);\n      border-radius: 16px;\n    }\n    :host .result-root.with-sections.display-list.density-comfortable atomic-result-section-visual {\n      margin-right: 1.5rem;\n    }\n    :host .result-root.with-sections.display-list.density-comfortable atomic-result-section-badges, :host .result-root.with-sections.display-list.density-comfortable atomic-result-section-actions {\n      margin-bottom: 1.5rem;\n      --row-height: 2rem;\n    }\n    :host .result-root.with-sections.display-list.density-comfortable atomic-result-section-title {\n      --font-size: var(--atomic-text-2xl);\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    :host .result-root.with-sections.display-list.density-comfortable atomic-result-section-excerpt {\n      margin-top: 1.75rem;\n      --font-size: var(--atomic-text-lg);\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      max-height: 4.5rem;\n      overflow: hidden;\n      display: -webkit-box;\n      -webkit-box-orient: vertical;\n      -webkit-line-clamp: 3;\n    }\n    :host .result-root.with-sections.display-list.density-comfortable atomic-result-section-bottom-metadata {\n      margin-top: 1.25rem;\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      max-height: 4rem;\n    }\n    :host .result-root.with-sections.display-list.density-comfortable atomic-result-section-title-metadata {\n      margin-top: 0.475rem;\n    }\n    :host .result-root.with-sections.display-list.density-comfortable atomic-result-children::part(children-root), :host .result-root.with-sections.display-list.density-comfortable atomic-insight-result-children::part(children-root) {\n      border-style: var(--tw-border-style);\n      border-width: 1px;\n      border-color: var(--atomic-neutral);\n      border-radius: 16px;\n      margin-top: 1.25rem;\n      padding: 1.75rem;\n    }\n    :host .result-root.with-sections.display-list.density-comfortable atomic-result-children::part(show-hide-button), :host .result-root.with-sections.display-list.density-comfortable atomic-insight-result-children::part(show-hide-button) {\n      margin-top: 1.25rem;\n      margin-bottom: 1.25rem;\n    }\n    :host .result-root.with-sections.display-list.density-comfortable.child-result:not(.last-child), :host .result-root.with-sections.display-list.density-comfortable .placeholder {\n      margin-bottom: 1.75rem;\n    }\n    :host .result-root.with-sections.display-list.density-comfortable atomic-result-children::part(children-root), :host .result-root.with-sections.display-list.density-comfortable atomic-insight-result-children::part(children-root) {\n      border-style: var(--tw-border-style);\n      border-width: 1px;\n      border-color: var(--atomic-neutral);\n      border-radius: 16px;\n      margin-top: 1.25rem;\n      padding: 1.75rem;\n    }\n    :host .result-root.with-sections.display-list.density-comfortable atomic-result-children::part(show-hide-button), :host .result-root.with-sections.display-list.density-comfortable atomic-insight-result-children::part(show-hide-button) {\n      margin-top: 1.25rem;\n      margin-bottom: 1.25rem;\n    }\n    :host .result-root.with-sections.display-list.density-comfortable.child-result:not(.last-child), :host .result-root.with-sections.display-list.density-comfortable .placeholder {\n      margin-bottom: 1.75rem;\n    }\n    :host .result-root.with-sections.display-list.density-normal atomic-result-section-visual {\n      margin-right: 1rem;\n    }\n    :host .result-root.with-sections.display-list.density-normal atomic-result-section-badges, :host .result-root.with-sections.display-list.density-normal atomic-result-section-actions {\n      margin-bottom: 1rem;\n      --row-height: 2rem;\n    }\n    :host .result-root.with-sections.display-list.density-normal atomic-result-section-title {\n      --font-size: var(--atomic-text-xl);\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    :host .result-root.with-sections.display-list.density-normal atomic-result-section-excerpt {\n      margin-top: 1.25rem;\n      --font-size: var(--atomic-text-base);\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      max-height: 2.5rem;\n      overflow: hidden;\n      display: -webkit-box;\n      -webkit-box-orient: vertical;\n      -webkit-line-clamp: 2;\n    }\n    :host .result-root.with-sections.display-list.density-normal atomic-result-section-bottom-metadata {\n      margin-top: 0.875rem;\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      max-height: 3.5rem;\n    }\n    :host .result-root.with-sections.display-list.density-normal atomic-result-section-title-metadata {\n      margin-top: 0.475rem;\n    }\n    :host .result-root.with-sections.display-list.density-normal atomic-result-children::part(children-root), :host .result-root.with-sections.display-list.density-normal atomic-insight-result-children::part(children-root) {\n      border-style: var(--tw-border-style);\n      border-width: 1px;\n      border-color: var(--atomic-neutral);\n      border-radius: 16px;\n      margin-top: 0.875rem;\n      padding: 1.5rem;\n    }\n    :host .result-root.with-sections.display-list.density-normal atomic-result-children::part(show-hide-button), :host .result-root.with-sections.display-list.density-normal atomic-insight-result-children::part(show-hide-button) {\n      margin-top: 0.875rem;\n      margin-bottom: 0.875rem;\n    }\n    :host .result-root.with-sections.display-list.density-normal.child-result:not(.last-child), :host .result-root.with-sections.display-list.density-normal .placeholder {\n      margin-bottom: 1.5rem;\n    }\n    :host .result-root.with-sections.display-list.density-normal atomic-result-children::part(children-root), :host .result-root.with-sections.display-list.density-normal atomic-insight-result-children::part(children-root) {\n      border-style: var(--tw-border-style);\n      border-width: 1px;\n      border-color: var(--atomic-neutral);\n      border-radius: 16px;\n      margin-top: 0.875rem;\n      padding: 1.5rem;\n    }\n    :host .result-root.with-sections.display-list.density-normal atomic-result-children::part(show-hide-button), :host .result-root.with-sections.display-list.density-normal atomic-insight-result-children::part(show-hide-button) {\n      margin-top: 0.875rem;\n      margin-bottom: 0.875rem;\n    }\n    :host .result-root.with-sections.display-list.density-normal.child-result:not(.last-child), :host .result-root.with-sections.display-list.density-normal .placeholder {\n      margin-bottom: 1.5rem;\n    }\n    :host .result-root.with-sections.display-list.density-compact atomic-result-section-visual {\n      margin-right: 1rem;\n    }\n    :host .result-root.with-sections.display-list.density-compact atomic-result-section-badges, :host .result-root.with-sections.display-list.density-compact atomic-result-section-actions {\n      margin-bottom: 1rem;\n      --row-height: 2rem;\n    }\n    :host .result-root.with-sections.display-list.density-compact atomic-result-section-title {\n      --font-size: var(--atomic-text-xl);\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    :host .result-root.with-sections.display-list.density-compact atomic-result-section-excerpt {\n      margin-top: 1rem;\n      --font-size: var(--atomic-text-base);\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      max-height: 1.25rem;\n      overflow: hidden;\n      display: -webkit-box;\n      -webkit-box-orient: vertical;\n      -webkit-line-clamp: 1;\n    }\n    :host .result-root.with-sections.display-list.density-compact atomic-result-section-bottom-metadata {\n      margin-top: 0.6875rem;\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      max-height: 3.25rem;\n    }\n    :host .result-root.with-sections.display-list.density-compact atomic-result-section-title-metadata {\n      margin-top: 0.475rem;\n    }\n    :host .result-root.with-sections.display-list.density-compact atomic-result-children::part(children-root), :host .result-root.with-sections.display-list.density-compact atomic-insight-result-children::part(children-root) {\n      border-style: var(--tw-border-style);\n      border-width: 1px;\n      border-color: var(--atomic-neutral);\n      border-radius: 16px;\n      margin-top: 0.475rem;\n      padding: 1rem;\n    }\n    :host .result-root.with-sections.display-list.density-compact atomic-result-children::part(show-hide-button), :host .result-root.with-sections.display-list.density-compact atomic-insight-result-children::part(show-hide-button) {\n      margin-top: 0.475rem;\n      margin-bottom: 0.475rem;\n    }\n    :host .result-root.with-sections.display-list.density-compact.child-result:not(.last-child), :host .result-root.with-sections.display-list.density-compact .placeholder {\n      margin-bottom: 1rem;\n    }\n    :host .result-root.with-sections.display-list.density-compact atomic-result-children::part(children-root), :host .result-root.with-sections.display-list.density-compact atomic-insight-result-children::part(children-root) {\n      border-style: var(--tw-border-style);\n      border-width: 1px;\n      border-color: var(--atomic-neutral);\n      border-radius: 16px;\n      margin-top: 0.475rem;\n      padding: 1rem;\n    }\n    :host .result-root.with-sections.display-list.density-compact atomic-result-children::part(show-hide-button), :host .result-root.with-sections.display-list.density-compact atomic-insight-result-children::part(show-hide-button) {\n      margin-top: 0.475rem;\n      margin-bottom: 0.475rem;\n    }\n    :host .result-root.with-sections.display-list.density-compact.child-result:not(.last-child), :host .result-root.with-sections.display-list.density-compact .placeholder {\n      margin-bottom: 1rem;\n    }\n    :host .result-root.with-sections.display-list.image-large, :host .result-root.with-sections.display-list.image-small {\n      grid-template-areas: 'badges badges          .               actions' 'visual title           title           title' 'visual title-metadata  title-metadata  title-metadata' 'visual emphasized      emphasized      emphasized' 'visual excerpt         excerpt         excerpt' 'visual bottom-metadata bottom-metadata bottom-metadata' 'visual children        children        children';\n      grid-template-columns: minmax(0, min-content) auto 1fr auto;\n      grid-template-rows: repeat(6, auto) minmax(0, 1fr);\n    }\n    :host .result-root.with-sections.display-list.image-large.density-comfortable atomic-result-section-visual, :host .result-root.with-sections.display-list.image-large.density-normal atomic-result-section-visual {\n      width: 20.375rem;\n      height: 20.375rem;\n    }\n    :host .result-root.with-sections.display-list.image-small atomic-result-section-visual, :host .result-root.with-sections.display-list.image-large.density-compact atomic-result-section-visual {\n      width: 10rem;\n      height: 10rem;\n    }\n    :host .result-root.with-sections.display-list.image-icon {\n      grid-template-areas: 'badges badges          .               actions' 'visual title           title           title' 'visual title-metadata  title-metadata  title-metadata' 'visual emphasized      emphasized      emphasized' 'visual excerpt         excerpt         excerpt' 'visual bottom-metadata bottom-metadata bottom-metadata' 'visual children        children        children';\n      grid-template-columns: minmax(0, min-content) auto 1fr auto;\n      grid-template-rows: repeat(7, minmax(0, min-content));\n    }\n    :host .result-root.with-sections.display-list.image-icon atomic-result-section-visual {\n      width: 2rem;\n      height: 2rem;\n    }\n    :host .result-root.with-sections.display-list.image-none {\n      grid-template-areas: 'badges          .               actions' 'title           title           title' 'title-metadata  title-metadata  title-metadata' 'emphasized      emphasized      emphasized' 'excerpt         excerpt         excerpt' 'bottom-metadata bottom-metadata bottom-metadata' 'children        children        children';\n      grid-template-columns: auto 1fr auto;\n      grid-template-rows: repeat(6, auto);\n    }\n    :host .result-root.with-sections.display-list.image-none atomic-result-section-visual {\n      display: none;\n    }\n  }\n  @media not all and (width >= 1024px) {\n    :host .result-root.with-sections.display-list atomic-result-section-children atomic-result-children::part(children-root), :host .result-root.with-sections.display-list atomic-result-section-children atomic-insight-result-children::part(children-root) {\n      border-top-style: var(--tw-border-style);\n      border-top-width: 1px;\n      border-top-color: var(--atomic-neutral);\n    }\n    :host .result-root.with-sections.display-list.density-comfortable atomic-result-section-visual {\n      margin-right: 1rem;\n    }\n    :host .result-root.with-sections.display-list.density-comfortable atomic-result-section-badges {\n      margin-bottom: 1rem;\n      --row-height: 2rem;\n    }\n    :host .result-root.with-sections.display-list.density-comfortable atomic-result-section-actions {\n      margin-top: 1rem;\n      --row-height: 2.5rem;\n    }\n    :host .result-root.with-sections.display-list.density-comfortable atomic-result-section-title {\n      --font-size: var(--atomic-text-xl);\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    :host .result-root.with-sections.display-list.density-comfortable atomic-result-section-excerpt {\n      margin-top: 1.25rem;\n      --font-size: var(--atomic-text-base);\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      max-height: 2.5rem;\n      overflow: hidden;\n      display: -webkit-box;\n      -webkit-box-orient: vertical;\n      -webkit-line-clamp: 2;\n    }\n    :host .result-root.with-sections.display-list.density-comfortable atomic-result-section-bottom-metadata {\n      margin-top: 0.75rem;\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      max-height: 4rem;\n    }\n    :host .result-root.with-sections.display-list.density-comfortable atomic-result-section-title-metadata {\n      margin-top: 0.475rem;\n    }\n    :host .result-root.with-sections.display-list.density-comfortable atomic-result-children::part(children-root), :host .result-root.with-sections.display-list.density-comfortable atomic-insight-result-children::part(children-root) {\n      padding-top: 1.75rem;\n      margin-inline: calc(0.25rem * -4);\n      margin-top: calc(0.25rem * 4);\n      padding-inline: calc(0.25rem * 4);\n    }\n    :host .result-root.with-sections.display-list.density-comfortable atomic-result-children::part(show-hide-button), :host .result-root.with-sections.display-list.density-comfortable atomic-insight-result-children::part(show-hide-button) {\n      margin-top: 1.25rem;\n      margin-bottom: 1.25rem;\n    }\n    :host .result-root.with-sections.display-list.density-comfortable.child-result:not(.last-child), :host .result-root.with-sections.display-list.density-comfortable .placeholder {\n      margin-bottom: 1.75rem;\n    }\n    :host .result-root.with-sections.display-list.density-comfortable atomic-result-children::part(children-root), :host .result-root.with-sections.display-list.density-comfortable atomic-insight-result-children::part(children-root) {\n      padding-top: 1.75rem;\n      margin-inline: calc(0.25rem * -4);\n      margin-top: calc(0.25rem * 4);\n      padding-inline: calc(0.25rem * 4);\n    }\n    :host .result-root.with-sections.display-list.density-comfortable atomic-result-children::part(show-hide-button), :host .result-root.with-sections.display-list.density-comfortable atomic-insight-result-children::part(show-hide-button) {\n      margin-top: 1.25rem;\n      margin-bottom: 1.25rem;\n    }\n    :host .result-root.with-sections.display-list.density-comfortable.child-result:not(.last-child), :host .result-root.with-sections.display-list.density-comfortable .placeholder {\n      margin-bottom: 1.75rem;\n    }\n    :host .result-root.with-sections.display-list.density-normal atomic-result-section-visual {\n      margin-right: 1rem;\n    }\n    :host .result-root.with-sections.display-list.density-normal atomic-result-section-badges {\n      margin-bottom: 1rem;\n      --row-height: 2rem;\n    }\n    :host .result-root.with-sections.display-list.density-normal atomic-result-section-actions {\n      margin-top: 0.75rem;\n      --row-height: 2.5rem;\n    }\n    :host .result-root.with-sections.display-list.density-normal atomic-result-section-title {\n      --font-size: var(--atomic-text-xl);\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    :host .result-root.with-sections.display-list.density-normal atomic-result-section-excerpt {\n      margin-top: 1rem;\n      --font-size: var(--atomic-text-base);\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      max-height: 2.5rem;\n      overflow: hidden;\n      display: -webkit-box;\n      -webkit-box-orient: vertical;\n      -webkit-line-clamp: 2;\n    }\n    :host .result-root.with-sections.display-list.density-normal atomic-result-section-bottom-metadata {\n      margin-top: 0.625rem;\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      max-height: 3.5rem;\n    }\n    :host .result-root.with-sections.display-list.density-normal atomic-result-section-title-metadata {\n      margin-top: 0.475rem;\n    }\n    :host .result-root.with-sections.display-list.density-normal atomic-result-children::part(children-root), :host .result-root.with-sections.display-list.density-normal atomic-insight-result-children::part(children-root) {\n      padding-top: 1.5rem;\n      margin-inline: calc(0.25rem * -4);\n      margin-top: calc(0.25rem * 4);\n      padding-inline: calc(0.25rem * 4);\n    }\n    :host .result-root.with-sections.display-list.density-normal atomic-result-children::part(show-hide-button), :host .result-root.with-sections.display-list.density-normal atomic-insight-result-children::part(show-hide-button) {\n      margin-top: 0.875rem;\n      margin-bottom: 0.875rem;\n    }\n    :host .result-root.with-sections.display-list.density-normal.child-result:not(.last-child), :host .result-root.with-sections.display-list.density-normal .placeholder {\n      margin-bottom: 1.5rem;\n    }\n    :host .result-root.with-sections.display-list.density-normal atomic-result-children::part(children-root), :host .result-root.with-sections.display-list.density-normal atomic-insight-result-children::part(children-root) {\n      padding-top: 1.5rem;\n      margin-inline: calc(0.25rem * -4);\n      margin-top: calc(0.25rem * 4);\n      padding-inline: calc(0.25rem * 4);\n    }\n    :host .result-root.with-sections.display-list.density-normal atomic-result-children::part(show-hide-button), :host .result-root.with-sections.display-list.density-normal atomic-insight-result-children::part(show-hide-button) {\n      margin-top: 0.875rem;\n      margin-bottom: 0.875rem;\n    }\n    :host .result-root.with-sections.display-list.density-normal.child-result:not(.last-child), :host .result-root.with-sections.display-list.density-normal .placeholder {\n      margin-bottom: 1.5rem;\n    }\n    :host .result-root.with-sections.display-list.density-compact atomic-result-section-visual {\n      margin-right: 1rem;\n    }\n    :host .result-root.with-sections.display-list.density-compact atomic-result-section-badges {\n      margin-bottom: 1rem;\n      --row-height: 2rem;\n    }\n    :host .result-root.with-sections.display-list.density-compact atomic-result-section-actions {\n      margin-top: 0.5em;\n      --row-height: 2.5rem;\n    }\n    :host .result-root.with-sections.display-list.density-compact atomic-result-section-title {\n      --font-size: var(--atomic-text-xl);\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    :host .result-root.with-sections.display-list.density-compact atomic-result-section-excerpt {\n      margin-top: 0.75rem;\n      --font-size: var(--atomic-text-base);\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      max-height: 1.25rem;\n      overflow: hidden;\n      display: -webkit-box;\n      -webkit-box-orient: vertical;\n      -webkit-line-clamp: 1;\n    }\n    :host .result-root.with-sections.display-list.density-compact atomic-result-section-bottom-metadata {\n      margin-top: 0.4375rem;\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      max-height: 3.25rem;\n    }\n    :host .result-root.with-sections.display-list.density-compact atomic-result-section-title-metadata {\n      margin-top: 0.475rem;\n    }\n    :host .result-root.with-sections.display-list.density-compact atomic-result-children::part(children-root), :host .result-root.with-sections.display-list.density-compact atomic-insight-result-children::part(children-root) {\n      padding-top: 1rem;\n      margin-inline: calc(0.25rem * -4);\n      margin-top: calc(0.25rem * 4);\n      padding-inline: calc(0.25rem * 4);\n    }\n    :host .result-root.with-sections.display-list.density-compact atomic-result-children::part(show-hide-button), :host .result-root.with-sections.display-list.density-compact atomic-insight-result-children::part(show-hide-button) {\n      margin-top: 0.475rem;\n      margin-bottom: 0.475rem;\n    }\n    :host .result-root.with-sections.display-list.density-compact.child-result:not(.last-child), :host .result-root.with-sections.display-list.density-compact .placeholder {\n      margin-bottom: 1rem;\n    }\n    :host .result-root.with-sections.display-list.density-compact atomic-result-children::part(children-root), :host .result-root.with-sections.display-list.density-compact atomic-insight-result-children::part(children-root) {\n      padding-top: 1rem;\n      margin-inline: calc(0.25rem * -4);\n      margin-top: calc(0.25rem * 4);\n      padding-inline: calc(0.25rem * 4);\n    }\n    :host .result-root.with-sections.display-list.density-compact atomic-result-children::part(show-hide-button), :host .result-root.with-sections.display-list.density-compact atomic-insight-result-children::part(show-hide-button) {\n      margin-top: 0.475rem;\n      margin-bottom: 0.475rem;\n    }\n    :host .result-root.with-sections.display-list.density-compact.child-result:not(.last-child), :host .result-root.with-sections.display-list.density-compact .placeholder {\n      margin-bottom: 1rem;\n    }\n    :host .result-root.with-sections.display-list.image-large {\n      grid-template-areas: 'visual' 'badges' 'title' 'title-metadata' 'emphasized' 'excerpt' 'bottom-metadata' 'actions' 'children';\n      grid-template-columns: 100%;\n      grid-template-rows: repeat(8, auto);\n    }\n    @supports not (aspect-ratio: 1 / 1) {\n      :host .result-root.with-sections.display-list.image-large atomic-result-section-visual {\n        height: 7.25rem;\n      }\n    }\n    @supports not (aspect-ratio: 1 / 1) {\n      :host .result-root.with-sections.display-list.image-large atomic-result-section-visual {\n        height: 7.25rem;\n      }\n    }\n    :host .result-root.with-sections.display-list.image-large atomic-result-section-visual {\n      aspect-ratio: 1 / 1;\n      height: auto;\n    }\n    @supports not (aspect-ratio: 1 / 1) {\n      :host .result-root.with-sections.display-list.image-large atomic-result-section-visual {\n        height: 7.25rem;\n      }\n    }\n    :host .result-root.with-sections.display-list.image-large atomic-result-section-visual {\n      width: 100%;\n      margin-right: 0;\n      margin-bottom: 1rem;\n    }\n    :host .result-root.with-sections.display-list.image-small {\n      grid-template-areas: 'badges          badges' 'visual          title' 'visual          title-metadata' 'visual          emphasized' 'visual          .' 'excerpt         excerpt' 'bottom-metadata bottom-metadata' 'actions         actions' 'children        children';\n      grid-template-columns: auto minmax(0, 1fr);\n      grid-template-rows: repeat(4, auto) minmax(0, 1fr) repeat(3, auto);\n    }\n    :host .result-root.with-sections.display-list.image-small atomic-result-section-visual {\n      width: 24vw;\n      height: 24vw;\n      margin-bottom: 1rem;\n    }\n    :host .result-root.with-sections.display-list.image-icon {\n      grid-template-areas: 'badges          badges' 'visual          title' 'visual          title-metadata' 'visual          emphasized' 'visual          excerpt' 'visual          bottom-metadata' 'visual          actions' 'visual          children';\n      grid-template-columns: auto minmax(0, 1fr);\n      grid-template-rows: repeat(7, auto) 1fr;\n    }\n    :host .result-root.with-sections.display-list.image-icon atomic-result-section-visual {\n      width: 2rem;\n      height: 2rem;\n      margin-bottom: 0;\n    }\n    :host .result-root.with-sections.display-list.image-none {\n      grid-template-areas: 'badges' 'title' 'title-metadata' 'emphasized' 'excerpt' 'bottom-metadata' 'actions' 'children';\n      grid-template-columns: 100%;\n      grid-template-rows: repeat(7, auto);\n    }\n    :host .result-root.with-sections.display-list.image-none atomic-result-section-visual {\n      display: none;\n    }\n  }\n  :host .result-root.with-sections.display-grid a, :host .result-root.with-sections.display-grid button {\n    position: relative;\n  }\n  @media (width >= 1024px) {\n    :host .result-root.with-sections.display-grid.image-large {\n      grid-template-areas: 'badges' 'visual' 'title' 'title-metadata' 'emphasized' 'excerpt' 'children' 'bottom-metadata' 'actions';\n      grid-template-columns: 100%;\n      grid-template-rows: repeat(9, auto);\n    }\n    :host .result-root.with-sections.display-grid.image-large.density-comfortable.image-large atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-large.density-comfortable.image-small atomic-result-section-visual {\n      margin: 0 auto 2rem auto;\n    }\n    :host .result-root.with-sections.display-grid.image-large.density-comfortable.image-icon atomic-result-section-badges {\n      margin-bottom: 2rem;\n    }\n    :host .result-root.with-sections.display-grid.image-large.density-comfortable.image-icon atomic-result-section-visual {\n      width: 2rem;\n      height: 2rem;\n    }\n    :host .result-root.with-sections.display-grid.image-large.density-comfortable atomic-result-section-visual {\n      margin-bottom: 0.5rem;\n    }\n    :host .result-root.with-sections.display-grid.image-large.density-comfortable atomic-result-section-badges {\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      margin-bottom: 1rem;\n      --row-height: 2rem;\n    }\n    :host .result-root.with-sections.display-grid.image-large.density-comfortable atomic-result-section-actions {\n      --font-size: var(--atomic-text-base);\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      margin-top: 2.25rem;\n      --row-height: 2.5rem;\n    }\n    :host .result-root.with-sections.display-grid.image-large.density-comfortable atomic-result-section-title {\n      --font-size: var(--atomic-text-2xl);\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      word-break: break-word;\n      overflow: hidden;\n      display: -webkit-box;\n      -webkit-box-orient: vertical;\n      -webkit-line-clamp: 2;\n    }\n    :host .result-root.with-sections.display-grid.image-large.density-comfortable atomic-result-section-title-metadata {\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      margin-top: 0.475rem;\n    }\n    :host .result-root.with-sections.display-grid.image-large.density-comfortable atomic-result-section-emphasized {\n      font-weight: 500;\n      --font-size: var(--atomic-text-2xl);\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    :host .result-root.with-sections.display-grid.image-large.density-comfortable atomic-result-section-excerpt {\n      --font-size: var(--atomic-text-lg);\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      margin-top: 2.25rem;\n      overflow: hidden;\n      display: -webkit-box;\n      -webkit-box-orient: vertical;\n      -webkit-line-clamp: 3;\n    }\n    :host .result-root.with-sections.display-grid.image-large.density-comfortable atomic-result-section-bottom-metadata {\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      margin-top: 1.75rem;\n      max-height: 4rem;\n    }\n    :host .result-root.with-sections.display-grid.image-large.density-normal.image-large atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-large.density-normal.image-small atomic-result-section-visual {\n      margin: 0 auto 1.5rem auto;\n    }\n    :host .result-root.with-sections.display-grid.image-large.density-normal.image-icon atomic-result-section-badges {\n      margin-bottom: 1.5rem;\n    }\n    :host .result-root.with-sections.display-grid.image-large.density-normal.image-icon atomic-result-section-visual {\n      width: 2rem;\n      height: 2rem;\n    }\n    :host .result-root.with-sections.display-grid.image-large.density-normal atomic-result-section-visual {\n      margin-bottom: 0.5rem;\n    }\n    :host .result-root.with-sections.display-grid.image-large.density-normal atomic-result-section-badges {\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      margin-bottom: 1rem;\n      --row-height: 2rem;\n    }\n    :host .result-root.with-sections.display-grid.image-large.density-normal atomic-result-section-actions {\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      margin-top: 1.75rem;\n      --row-height: 2rem;\n    }\n    :host .result-root.with-sections.display-grid.image-large.density-normal atomic-result-section-title {\n      --font-size: var(--atomic-text-xl);\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      word-break: break-word;\n      overflow: hidden;\n      display: -webkit-box;\n      -webkit-box-orient: vertical;\n      -webkit-line-clamp: 2;\n    }\n    :host .result-root.with-sections.display-grid.image-large.density-normal atomic-result-section-title-metadata {\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      margin-top: 0.475rem;\n    }\n    :host .result-root.with-sections.display-grid.image-large.density-normal atomic-result-section-emphasized {\n      font-weight: 500;\n      --font-size: var(--atomic-text-2xl);\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    :host .result-root.with-sections.display-grid.image-large.density-normal atomic-result-section-excerpt {\n      --font-size: var(--atomic-text-base);\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      margin-top: 1.75rem;\n      overflow: hidden;\n      display: -webkit-box;\n      -webkit-box-orient: vertical;\n      -webkit-line-clamp: 2;\n    }\n    :host .result-root.with-sections.display-grid.image-large.density-normal atomic-result-section-bottom-metadata {\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      margin-top: 1.375rem;\n      max-height: 3.5rem;\n    }\n    :host .result-root.with-sections.display-grid.image-large.density-compact.image-large atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-large.density-compact.image-small atomic-result-section-visual {\n      margin: 0 auto 1rem auto;\n    }\n    :host .result-root.with-sections.display-grid.image-large.density-compact.image-icon atomic-result-section-badges {\n      margin-bottom: 1rem;\n    }\n    :host .result-root.with-sections.display-grid.image-large.density-compact.image-icon atomic-result-section-visual {\n      width: 2rem;\n      height: 2rem;\n    }\n    :host .result-root.with-sections.display-grid.image-large.density-compact atomic-result-section-visual {\n      margin-bottom: 0.5rem;\n    }\n    :host .result-root.with-sections.display-grid.image-large.density-compact atomic-result-section-badges {\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      margin-bottom: 1rem;\n      --row-height: 2rem;\n    }\n    :host .result-root.with-sections.display-grid.image-large.density-compact atomic-result-section-actions {\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      margin-top: 1.25rem;\n      --row-height: 2rem;\n    }\n    :host .result-root.with-sections.display-grid.image-large.density-compact atomic-result-section-title {\n      --font-size: var(--atomic-text-xl);\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      word-break: break-word;\n      overflow: hidden;\n      display: -webkit-box;\n      -webkit-box-orient: vertical;\n      -webkit-line-clamp: 2;\n    }\n    :host .result-root.with-sections.display-grid.image-large.density-compact atomic-result-section-title-metadata {\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      margin-top: 0.475rem;\n    }\n    :host .result-root.with-sections.display-grid.image-large.density-compact atomic-result-section-emphasized {\n      font-weight: 500;\n      --font-size: var(--atomic-text-2xl);\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    :host .result-root.with-sections.display-grid.image-large.density-compact atomic-result-section-excerpt {\n      --font-size: var(--atomic-text-base);\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      margin-top: 1.25rem;\n      overflow: hidden;\n      display: -webkit-box;\n      -webkit-box-orient: vertical;\n      -webkit-line-clamp: 1;\n    }\n    :host .result-root.with-sections.display-grid.image-large.density-compact atomic-result-section-bottom-metadata {\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      margin-top: 0.9375rem;\n      max-height: 3.25rem;\n    }\n    @supports not (aspect-ratio: 1 / 1) {\n      :host .result-root.with-sections.display-grid.image-large.image-large atomic-result-section-visual {\n        height: 19.75rem;\n      }\n    }\n    @supports not (aspect-ratio: 1 / 1) {\n      :host .result-root.with-sections.display-grid.image-large.image-large atomic-result-section-visual {\n        height: 19.75rem;\n      }\n    }\n    :host .result-root.with-sections.display-grid.image-large.image-large atomic-result-section-visual {\n      aspect-ratio: 1 / 1;\n      height: auto;\n    }\n    @supports not (aspect-ratio: 1 / 1) {\n      :host .result-root.with-sections.display-grid.image-large.image-large atomic-result-section-visual {\n        height: 19.75rem;\n      }\n    }\n    :host .result-root.with-sections.display-grid.image-large.image-large atomic-result-section-visual {\n      width: 100%;\n    }\n    :host .result-root.with-sections.display-grid.image-large.image-large atomic-result-section-badges {\n      margin-bottom: 1rem;\n    }\n    @supports not (aspect-ratio: 1 / 1) {\n      :host .result-root.with-sections.display-grid.image-large.image-small atomic-result-section-visual {\n        height: 14rem;\n      }\n    }\n    @supports not (aspect-ratio: 1 / 1) {\n      :host .result-root.with-sections.display-grid.image-large.image-small atomic-result-section-visual {\n        height: 14rem;\n      }\n    }\n    :host .result-root.with-sections.display-grid.image-large.image-small atomic-result-section-visual {\n      aspect-ratio: 1 / 1;\n      height: auto;\n    }\n    @supports not (aspect-ratio: 1 / 1) {\n      :host .result-root.with-sections.display-grid.image-large.image-small atomic-result-section-visual {\n        height: 14rem;\n      }\n    }\n    :host .result-root.with-sections.display-grid.image-large.image-small atomic-result-section-visual {\n      width: 100%;\n    }\n    :host .result-root.with-sections.display-grid.image-large.image-none atomic-result-section-visual {\n      display: none;\n    }\n  }\n  @media not all and (width >= 1024px) {\n    :host .result-root.with-sections.display-grid.image-large atomic-result-section-children atomic-result-children::part(children-root), :host .result-root.with-sections.display-grid.image-large atomic-result-section-children atomic-insight-result-children::part(children-root) {\n      border-top-style: var(--tw-border-style);\n      border-top-width: 1px;\n      border-top-color: var(--atomic-neutral);\n    }\n    :host .result-root.with-sections.display-grid.image-large.density-comfortable atomic-result-section-visual {\n      margin-right: 1rem;\n    }\n    :host .result-root.with-sections.display-grid.image-large.density-comfortable atomic-result-section-badges {\n      margin-bottom: 1rem;\n      --row-height: 2rem;\n    }\n    :host .result-root.with-sections.display-grid.image-large.density-comfortable atomic-result-section-actions {\n      margin-top: 1rem;\n      --row-height: 2.5rem;\n    }\n    :host .result-root.with-sections.display-grid.image-large.density-comfortable atomic-result-section-title {\n      --font-size: var(--atomic-text-xl);\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    :host .result-root.with-sections.display-grid.image-large.density-comfortable atomic-result-section-excerpt {\n      margin-top: 1.25rem;\n      --font-size: var(--atomic-text-base);\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      max-height: 2.5rem;\n      overflow: hidden;\n      display: -webkit-box;\n      -webkit-box-orient: vertical;\n      -webkit-line-clamp: 2;\n    }\n    :host .result-root.with-sections.display-grid.image-large.density-comfortable atomic-result-section-bottom-metadata {\n      margin-top: 0.75rem;\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      max-height: 4rem;\n    }\n    :host .result-root.with-sections.display-grid.image-large.density-comfortable atomic-result-section-title-metadata {\n      margin-top: 0.475rem;\n    }\n    :host .result-root.with-sections.display-grid.image-large.density-comfortable atomic-result-children::part(children-root), :host .result-root.with-sections.display-grid.image-large.density-comfortable atomic-insight-result-children::part(children-root) {\n      padding-top: 1.75rem;\n      margin-inline: calc(0.25rem * -4);\n      margin-top: calc(0.25rem * 4);\n      padding-inline: calc(0.25rem * 4);\n    }\n    :host .result-root.with-sections.display-grid.image-large.density-comfortable atomic-result-children::part(show-hide-button), :host .result-root.with-sections.display-grid.image-large.density-comfortable atomic-insight-result-children::part(show-hide-button) {\n      margin-top: 1.25rem;\n      margin-bottom: 1.25rem;\n    }\n    :host .result-root.with-sections.display-grid.image-large.density-comfortable.child-result:not(.last-child), :host .result-root.with-sections.display-grid.image-large.density-comfortable .placeholder {\n      margin-bottom: 1.75rem;\n    }\n    :host .result-root.with-sections.display-grid.image-large.density-comfortable atomic-result-children::part(children-root), :host .result-root.with-sections.display-grid.image-large.density-comfortable atomic-insight-result-children::part(children-root) {\n      padding-top: 1.75rem;\n      margin-inline: calc(0.25rem * -4);\n      margin-top: calc(0.25rem * 4);\n      padding-inline: calc(0.25rem * 4);\n    }\n    :host .result-root.with-sections.display-grid.image-large.density-comfortable atomic-result-children::part(show-hide-button), :host .result-root.with-sections.display-grid.image-large.density-comfortable atomic-insight-result-children::part(show-hide-button) {\n      margin-top: 1.25rem;\n      margin-bottom: 1.25rem;\n    }\n    :host .result-root.with-sections.display-grid.image-large.density-comfortable.child-result:not(.last-child), :host .result-root.with-sections.display-grid.image-large.density-comfortable .placeholder {\n      margin-bottom: 1.75rem;\n    }\n    :host .result-root.with-sections.display-grid.image-large.density-normal atomic-result-section-visual {\n      margin-right: 1rem;\n    }\n    :host .result-root.with-sections.display-grid.image-large.density-normal atomic-result-section-badges {\n      margin-bottom: 1rem;\n      --row-height: 2rem;\n    }\n    :host .result-root.with-sections.display-grid.image-large.density-normal atomic-result-section-actions {\n      margin-top: 0.75rem;\n      --row-height: 2.5rem;\n    }\n    :host .result-root.with-sections.display-grid.image-large.density-normal atomic-result-section-title {\n      --font-size: var(--atomic-text-xl);\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    :host .result-root.with-sections.display-grid.image-large.density-normal atomic-result-section-excerpt {\n      margin-top: 1rem;\n      --font-size: var(--atomic-text-base);\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      max-height: 2.5rem;\n      overflow: hidden;\n      display: -webkit-box;\n      -webkit-box-orient: vertical;\n      -webkit-line-clamp: 2;\n    }\n    :host .result-root.with-sections.display-grid.image-large.density-normal atomic-result-section-bottom-metadata {\n      margin-top: 0.625rem;\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      max-height: 3.5rem;\n    }\n    :host .result-root.with-sections.display-grid.image-large.density-normal atomic-result-section-title-metadata {\n      margin-top: 0.475rem;\n    }\n    :host .result-root.with-sections.display-grid.image-large.density-normal atomic-result-children::part(children-root), :host .result-root.with-sections.display-grid.image-large.density-normal atomic-insight-result-children::part(children-root) {\n      padding-top: 1.5rem;\n      margin-inline: calc(0.25rem * -4);\n      margin-top: calc(0.25rem * 4);\n      padding-inline: calc(0.25rem * 4);\n    }\n    :host .result-root.with-sections.display-grid.image-large.density-normal atomic-result-children::part(show-hide-button), :host .result-root.with-sections.display-grid.image-large.density-normal atomic-insight-result-children::part(show-hide-button) {\n      margin-top: 0.875rem;\n      margin-bottom: 0.875rem;\n    }\n    :host .result-root.with-sections.display-grid.image-large.density-normal.child-result:not(.last-child), :host .result-root.with-sections.display-grid.image-large.density-normal .placeholder {\n      margin-bottom: 1.5rem;\n    }\n    :host .result-root.with-sections.display-grid.image-large.density-normal atomic-result-children::part(children-root), :host .result-root.with-sections.display-grid.image-large.density-normal atomic-insight-result-children::part(children-root) {\n      padding-top: 1.5rem;\n      margin-inline: calc(0.25rem * -4);\n      margin-top: calc(0.25rem * 4);\n      padding-inline: calc(0.25rem * 4);\n    }\n    :host .result-root.with-sections.display-grid.image-large.density-normal atomic-result-children::part(show-hide-button), :host .result-root.with-sections.display-grid.image-large.density-normal atomic-insight-result-children::part(show-hide-button) {\n      margin-top: 0.875rem;\n      margin-bottom: 0.875rem;\n    }\n    :host .result-root.with-sections.display-grid.image-large.density-normal.child-result:not(.last-child), :host .result-root.with-sections.display-grid.image-large.density-normal .placeholder {\n      margin-bottom: 1.5rem;\n    }\n    :host .result-root.with-sections.display-grid.image-large.density-compact atomic-result-section-visual {\n      margin-right: 1rem;\n    }\n    :host .result-root.with-sections.display-grid.image-large.density-compact atomic-result-section-badges {\n      margin-bottom: 1rem;\n      --row-height: 2rem;\n    }\n    :host .result-root.with-sections.display-grid.image-large.density-compact atomic-result-section-actions {\n      margin-top: 0.5em;\n      --row-height: 2.5rem;\n    }\n    :host .result-root.with-sections.display-grid.image-large.density-compact atomic-result-section-title {\n      --font-size: var(--atomic-text-xl);\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    :host .result-root.with-sections.display-grid.image-large.density-compact atomic-result-section-excerpt {\n      margin-top: 0.75rem;\n      --font-size: var(--atomic-text-base);\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      max-height: 1.25rem;\n      overflow: hidden;\n      display: -webkit-box;\n      -webkit-box-orient: vertical;\n      -webkit-line-clamp: 1;\n    }\n    :host .result-root.with-sections.display-grid.image-large.density-compact atomic-result-section-bottom-metadata {\n      margin-top: 0.4375rem;\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      max-height: 3.25rem;\n    }\n    :host .result-root.with-sections.display-grid.image-large.density-compact atomic-result-section-title-metadata {\n      margin-top: 0.475rem;\n    }\n    :host .result-root.with-sections.display-grid.image-large.density-compact atomic-result-children::part(children-root), :host .result-root.with-sections.display-grid.image-large.density-compact atomic-insight-result-children::part(children-root) {\n      padding-top: 1rem;\n      margin-inline: calc(0.25rem * -4);\n      margin-top: calc(0.25rem * 4);\n      padding-inline: calc(0.25rem * 4);\n    }\n    :host .result-root.with-sections.display-grid.image-large.density-compact atomic-result-children::part(show-hide-button), :host .result-root.with-sections.display-grid.image-large.density-compact atomic-insight-result-children::part(show-hide-button) {\n      margin-top: 0.475rem;\n      margin-bottom: 0.475rem;\n    }\n    :host .result-root.with-sections.display-grid.image-large.density-compact.child-result:not(.last-child), :host .result-root.with-sections.display-grid.image-large.density-compact .placeholder {\n      margin-bottom: 1rem;\n    }\n    :host .result-root.with-sections.display-grid.image-large.density-compact atomic-result-children::part(children-root), :host .result-root.with-sections.display-grid.image-large.density-compact atomic-insight-result-children::part(children-root) {\n      padding-top: 1rem;\n      margin-inline: calc(0.25rem * -4);\n      margin-top: calc(0.25rem * 4);\n      padding-inline: calc(0.25rem * 4);\n    }\n    :host .result-root.with-sections.display-grid.image-large.density-compact atomic-result-children::part(show-hide-button), :host .result-root.with-sections.display-grid.image-large.density-compact atomic-insight-result-children::part(show-hide-button) {\n      margin-top: 0.475rem;\n      margin-bottom: 0.475rem;\n    }\n    :host .result-root.with-sections.display-grid.image-large.density-compact.child-result:not(.last-child), :host .result-root.with-sections.display-grid.image-large.density-compact .placeholder {\n      margin-bottom: 1rem;\n    }\n    :host .result-root.with-sections.display-grid.image-large.image-large {\n      grid-template-areas: 'visual' 'badges' 'title' 'title-metadata' 'emphasized' 'excerpt' 'bottom-metadata' 'actions' 'children';\n      grid-template-columns: 100%;\n      grid-template-rows: repeat(8, auto);\n    }\n    @supports not (aspect-ratio: 1 / 1) {\n      :host .result-root.with-sections.display-grid.image-large.image-large atomic-result-section-visual {\n        height: 7.25rem;\n      }\n    }\n    @supports not (aspect-ratio: 1 / 1) {\n      :host .result-root.with-sections.display-grid.image-large.image-large atomic-result-section-visual {\n        height: 7.25rem;\n      }\n    }\n    :host .result-root.with-sections.display-grid.image-large.image-large atomic-result-section-visual {\n      aspect-ratio: 1 / 1;\n      height: auto;\n    }\n    @supports not (aspect-ratio: 1 / 1) {\n      :host .result-root.with-sections.display-grid.image-large.image-large atomic-result-section-visual {\n        height: 7.25rem;\n      }\n    }\n    :host .result-root.with-sections.display-grid.image-large.image-large atomic-result-section-visual {\n      width: 100%;\n      margin-right: 0;\n      margin-bottom: 1rem;\n    }\n    :host .result-root.with-sections.display-grid.image-large.image-small {\n      grid-template-areas: 'badges          badges' 'visual          title' 'visual          title-metadata' 'visual          emphasized' 'visual          .' 'excerpt         excerpt' 'bottom-metadata bottom-metadata' 'actions         actions' 'children        children';\n      grid-template-columns: auto minmax(0, 1fr);\n      grid-template-rows: repeat(4, auto) minmax(0, 1fr) repeat(3, auto);\n    }\n    :host .result-root.with-sections.display-grid.image-large.image-small atomic-result-section-visual {\n      width: 24vw;\n      height: 24vw;\n      margin-bottom: 1rem;\n    }\n    :host .result-root.with-sections.display-grid.image-large.image-icon {\n      grid-template-areas: 'badges          badges' 'visual          title' 'visual          title-metadata' 'visual          emphasized' 'visual          excerpt' 'visual          bottom-metadata' 'visual          actions' 'visual          children';\n      grid-template-columns: auto minmax(0, 1fr);\n      grid-template-rows: repeat(7, auto) 1fr;\n    }\n    :host .result-root.with-sections.display-grid.image-large.image-icon atomic-result-section-visual {\n      width: 2rem;\n      height: 2rem;\n      margin-bottom: 0;\n    }\n    :host .result-root.with-sections.display-grid.image-large.image-none {\n      grid-template-areas: 'badges' 'title' 'title-metadata' 'emphasized' 'excerpt' 'bottom-metadata' 'actions' 'children';\n      grid-template-columns: 100%;\n      grid-template-rows: repeat(7, auto);\n    }\n    :host .result-root.with-sections.display-grid.image-large.image-none atomic-result-section-visual {\n      display: none;\n    }\n  }\n  @media (width >= 1024px) {\n    :host .result-root.with-sections.display-grid.image-small, :host .result-root.with-sections.display-grid.image-icon, :host .result-root.with-sections.display-grid.image-none {\n      grid-template-areas: 'badges' 'visual' 'title' 'title-metadata' 'emphasized' 'excerpt' 'children' 'bottom-metadata' 'actions';\n      grid-template-columns: 100%;\n      grid-template-rows: repeat(9, auto);\n    }\n    :host .result-root.with-sections.display-grid.image-small.density-comfortable.image-large atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-small.density-comfortable.image-small atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-icon.density-comfortable.image-large atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-icon.density-comfortable.image-small atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-none.density-comfortable.image-large atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-none.density-comfortable.image-small atomic-result-section-visual {\n      margin: 0 auto 2rem auto;\n    }\n    :host .result-root.with-sections.display-grid.image-small.density-comfortable.image-icon atomic-result-section-badges, :host .result-root.with-sections.display-grid.image-icon.density-comfortable.image-icon atomic-result-section-badges, :host .result-root.with-sections.display-grid.image-none.density-comfortable.image-icon atomic-result-section-badges {\n      margin-bottom: 2rem;\n    }\n    :host .result-root.with-sections.display-grid.image-small.density-comfortable.image-icon atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-icon.density-comfortable.image-icon atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-none.density-comfortable.image-icon atomic-result-section-visual {\n      width: 2rem;\n      height: 2rem;\n    }\n    :host .result-root.with-sections.display-grid.image-small.density-comfortable atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-icon.density-comfortable atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-none.density-comfortable atomic-result-section-visual {\n      margin-bottom: 0.5rem;\n    }\n    :host .result-root.with-sections.display-grid.image-small.density-comfortable atomic-result-section-badges, :host .result-root.with-sections.display-grid.image-icon.density-comfortable atomic-result-section-badges, :host .result-root.with-sections.display-grid.image-none.density-comfortable atomic-result-section-badges {\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      margin-bottom: 1rem;\n      --row-height: 2rem;\n    }\n    :host .result-root.with-sections.display-grid.image-small.density-comfortable atomic-result-section-actions, :host .result-root.with-sections.display-grid.image-icon.density-comfortable atomic-result-section-actions, :host .result-root.with-sections.display-grid.image-none.density-comfortable atomic-result-section-actions {\n      --font-size: var(--atomic-text-base);\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      margin-top: 2.25rem;\n      --row-height: 2.5rem;\n    }\n    :host .result-root.with-sections.display-grid.image-small.density-comfortable atomic-result-section-title, :host .result-root.with-sections.display-grid.image-icon.density-comfortable atomic-result-section-title, :host .result-root.with-sections.display-grid.image-none.density-comfortable atomic-result-section-title {\n      --font-size: var(--atomic-text-2xl);\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      word-break: break-word;\n      overflow: hidden;\n      display: -webkit-box;\n      -webkit-box-orient: vertical;\n      -webkit-line-clamp: 2;\n    }\n    :host .result-root.with-sections.display-grid.image-small.density-comfortable atomic-result-section-title-metadata, :host .result-root.with-sections.display-grid.image-icon.density-comfortable atomic-result-section-title-metadata, :host .result-root.with-sections.display-grid.image-none.density-comfortable atomic-result-section-title-metadata {\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      margin-top: 0.475rem;\n    }\n    :host .result-root.with-sections.display-grid.image-small.density-comfortable atomic-result-section-emphasized, :host .result-root.with-sections.display-grid.image-icon.density-comfortable atomic-result-section-emphasized, :host .result-root.with-sections.display-grid.image-none.density-comfortable atomic-result-section-emphasized {\n      font-weight: 500;\n      --font-size: var(--atomic-text-2xl);\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    :host .result-root.with-sections.display-grid.image-small.density-comfortable atomic-result-section-excerpt, :host .result-root.with-sections.display-grid.image-icon.density-comfortable atomic-result-section-excerpt, :host .result-root.with-sections.display-grid.image-none.density-comfortable atomic-result-section-excerpt {\n      --font-size: var(--atomic-text-lg);\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      margin-top: 2.25rem;\n      overflow: hidden;\n      display: -webkit-box;\n      -webkit-box-orient: vertical;\n      -webkit-line-clamp: 3;\n    }\n    :host .result-root.with-sections.display-grid.image-small.density-comfortable atomic-result-section-bottom-metadata, :host .result-root.with-sections.display-grid.image-icon.density-comfortable atomic-result-section-bottom-metadata, :host .result-root.with-sections.display-grid.image-none.density-comfortable atomic-result-section-bottom-metadata {\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      margin-top: 1.75rem;\n      max-height: 4rem;\n    }\n    :host .result-root.with-sections.display-grid.image-small.density-normal.image-large atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-small.density-normal.image-small atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-icon.density-normal.image-large atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-icon.density-normal.image-small atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-none.density-normal.image-large atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-none.density-normal.image-small atomic-result-section-visual {\n      margin: 0 auto 1.5rem auto;\n    }\n    :host .result-root.with-sections.display-grid.image-small.density-normal.image-icon atomic-result-section-badges, :host .result-root.with-sections.display-grid.image-icon.density-normal.image-icon atomic-result-section-badges, :host .result-root.with-sections.display-grid.image-none.density-normal.image-icon atomic-result-section-badges {\n      margin-bottom: 1.5rem;\n    }\n    :host .result-root.with-sections.display-grid.image-small.density-normal.image-icon atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-icon.density-normal.image-icon atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-none.density-normal.image-icon atomic-result-section-visual {\n      width: 2rem;\n      height: 2rem;\n    }\n    :host .result-root.with-sections.display-grid.image-small.density-normal atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-icon.density-normal atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-none.density-normal atomic-result-section-visual {\n      margin-bottom: 0.5rem;\n    }\n    :host .result-root.with-sections.display-grid.image-small.density-normal atomic-result-section-badges, :host .result-root.with-sections.display-grid.image-icon.density-normal atomic-result-section-badges, :host .result-root.with-sections.display-grid.image-none.density-normal atomic-result-section-badges {\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      margin-bottom: 1rem;\n      --row-height: 2rem;\n    }\n    :host .result-root.with-sections.display-grid.image-small.density-normal atomic-result-section-actions, :host .result-root.with-sections.display-grid.image-icon.density-normal atomic-result-section-actions, :host .result-root.with-sections.display-grid.image-none.density-normal atomic-result-section-actions {\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      margin-top: 1.75rem;\n      --row-height: 2rem;\n    }\n    :host .result-root.with-sections.display-grid.image-small.density-normal atomic-result-section-title, :host .result-root.with-sections.display-grid.image-icon.density-normal atomic-result-section-title, :host .result-root.with-sections.display-grid.image-none.density-normal atomic-result-section-title {\n      --font-size: var(--atomic-text-xl);\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      word-break: break-word;\n      overflow: hidden;\n      display: -webkit-box;\n      -webkit-box-orient: vertical;\n      -webkit-line-clamp: 2;\n    }\n    :host .result-root.with-sections.display-grid.image-small.density-normal atomic-result-section-title-metadata, :host .result-root.with-sections.display-grid.image-icon.density-normal atomic-result-section-title-metadata, :host .result-root.with-sections.display-grid.image-none.density-normal atomic-result-section-title-metadata {\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      margin-top: 0.475rem;\n    }\n    :host .result-root.with-sections.display-grid.image-small.density-normal atomic-result-section-emphasized, :host .result-root.with-sections.display-grid.image-icon.density-normal atomic-result-section-emphasized, :host .result-root.with-sections.display-grid.image-none.density-normal atomic-result-section-emphasized {\n      font-weight: 500;\n      --font-size: var(--atomic-text-2xl);\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    :host .result-root.with-sections.display-grid.image-small.density-normal atomic-result-section-excerpt, :host .result-root.with-sections.display-grid.image-icon.density-normal atomic-result-section-excerpt, :host .result-root.with-sections.display-grid.image-none.density-normal atomic-result-section-excerpt {\n      --font-size: var(--atomic-text-base);\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      margin-top: 1.75rem;\n      overflow: hidden;\n      display: -webkit-box;\n      -webkit-box-orient: vertical;\n      -webkit-line-clamp: 2;\n    }\n    :host .result-root.with-sections.display-grid.image-small.density-normal atomic-result-section-bottom-metadata, :host .result-root.with-sections.display-grid.image-icon.density-normal atomic-result-section-bottom-metadata, :host .result-root.with-sections.display-grid.image-none.density-normal atomic-result-section-bottom-metadata {\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      margin-top: 1.375rem;\n      max-height: 3.5rem;\n    }\n    :host .result-root.with-sections.display-grid.image-small.density-compact.image-large atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-small.density-compact.image-small atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-icon.density-compact.image-large atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-icon.density-compact.image-small atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-none.density-compact.image-large atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-none.density-compact.image-small atomic-result-section-visual {\n      margin: 0 auto 1rem auto;\n    }\n    :host .result-root.with-sections.display-grid.image-small.density-compact.image-icon atomic-result-section-badges, :host .result-root.with-sections.display-grid.image-icon.density-compact.image-icon atomic-result-section-badges, :host .result-root.with-sections.display-grid.image-none.density-compact.image-icon atomic-result-section-badges {\n      margin-bottom: 1rem;\n    }\n    :host .result-root.with-sections.display-grid.image-small.density-compact.image-icon atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-icon.density-compact.image-icon atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-none.density-compact.image-icon atomic-result-section-visual {\n      width: 2rem;\n      height: 2rem;\n    }\n    :host .result-root.with-sections.display-grid.image-small.density-compact atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-icon.density-compact atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-none.density-compact atomic-result-section-visual {\n      margin-bottom: 0.5rem;\n    }\n    :host .result-root.with-sections.display-grid.image-small.density-compact atomic-result-section-badges, :host .result-root.with-sections.display-grid.image-icon.density-compact atomic-result-section-badges, :host .result-root.with-sections.display-grid.image-none.density-compact atomic-result-section-badges {\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      margin-bottom: 1rem;\n      --row-height: 2rem;\n    }\n    :host .result-root.with-sections.display-grid.image-small.density-compact atomic-result-section-actions, :host .result-root.with-sections.display-grid.image-icon.density-compact atomic-result-section-actions, :host .result-root.with-sections.display-grid.image-none.density-compact atomic-result-section-actions {\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      margin-top: 1.25rem;\n      --row-height: 2rem;\n    }\n    :host .result-root.with-sections.display-grid.image-small.density-compact atomic-result-section-title, :host .result-root.with-sections.display-grid.image-icon.density-compact atomic-result-section-title, :host .result-root.with-sections.display-grid.image-none.density-compact atomic-result-section-title {\n      --font-size: var(--atomic-text-xl);\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      word-break: break-word;\n      overflow: hidden;\n      display: -webkit-box;\n      -webkit-box-orient: vertical;\n      -webkit-line-clamp: 2;\n    }\n    :host .result-root.with-sections.display-grid.image-small.density-compact atomic-result-section-title-metadata, :host .result-root.with-sections.display-grid.image-icon.density-compact atomic-result-section-title-metadata, :host .result-root.with-sections.display-grid.image-none.density-compact atomic-result-section-title-metadata {\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      margin-top: 0.475rem;\n    }\n    :host .result-root.with-sections.display-grid.image-small.density-compact atomic-result-section-emphasized, :host .result-root.with-sections.display-grid.image-icon.density-compact atomic-result-section-emphasized, :host .result-root.with-sections.display-grid.image-none.density-compact atomic-result-section-emphasized {\n      font-weight: 500;\n      --font-size: var(--atomic-text-2xl);\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    :host .result-root.with-sections.display-grid.image-small.density-compact atomic-result-section-excerpt, :host .result-root.with-sections.display-grid.image-icon.density-compact atomic-result-section-excerpt, :host .result-root.with-sections.display-grid.image-none.density-compact atomic-result-section-excerpt {\n      --font-size: var(--atomic-text-base);\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      margin-top: 1.25rem;\n      overflow: hidden;\n      display: -webkit-box;\n      -webkit-box-orient: vertical;\n      -webkit-line-clamp: 1;\n    }\n    :host .result-root.with-sections.display-grid.image-small.density-compact atomic-result-section-bottom-metadata, :host .result-root.with-sections.display-grid.image-icon.density-compact atomic-result-section-bottom-metadata, :host .result-root.with-sections.display-grid.image-none.density-compact atomic-result-section-bottom-metadata {\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      margin-top: 0.9375rem;\n      max-height: 3.25rem;\n    }\n    @supports not (aspect-ratio: 1 / 1) {\n      :host .result-root.with-sections.display-grid.image-small.image-large atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-icon.image-large atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-none.image-large atomic-result-section-visual {\n        height: 19.75rem;\n      }\n    }\n    @supports not (aspect-ratio: 1 / 1) {\n      :host .result-root.with-sections.display-grid.image-small.image-large atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-icon.image-large atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-none.image-large atomic-result-section-visual {\n        height: 19.75rem;\n      }\n    }\n    :host .result-root.with-sections.display-grid.image-small.image-large atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-icon.image-large atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-none.image-large atomic-result-section-visual {\n      aspect-ratio: 1 / 1;\n      height: auto;\n    }\n    @supports not (aspect-ratio: 1 / 1) {\n      :host .result-root.with-sections.display-grid.image-small.image-large atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-icon.image-large atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-none.image-large atomic-result-section-visual {\n        height: 19.75rem;\n      }\n    }\n    :host .result-root.with-sections.display-grid.image-small.image-large atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-icon.image-large atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-none.image-large atomic-result-section-visual {\n      width: 100%;\n    }\n    :host .result-root.with-sections.display-grid.image-small.image-large atomic-result-section-badges, :host .result-root.with-sections.display-grid.image-icon.image-large atomic-result-section-badges, :host .result-root.with-sections.display-grid.image-none.image-large atomic-result-section-badges {\n      margin-bottom: 1rem;\n    }\n    @supports not (aspect-ratio: 1 / 1) {\n      :host .result-root.with-sections.display-grid.image-small.image-small atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-icon.image-small atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-none.image-small atomic-result-section-visual {\n        height: 14rem;\n      }\n    }\n    @supports not (aspect-ratio: 1 / 1) {\n      :host .result-root.with-sections.display-grid.image-small.image-small atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-icon.image-small atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-none.image-small atomic-result-section-visual {\n        height: 14rem;\n      }\n    }\n    :host .result-root.with-sections.display-grid.image-small.image-small atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-icon.image-small atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-none.image-small atomic-result-section-visual {\n      aspect-ratio: 1 / 1;\n      height: auto;\n    }\n    @supports not (aspect-ratio: 1 / 1) {\n      :host .result-root.with-sections.display-grid.image-small.image-small atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-icon.image-small atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-none.image-small atomic-result-section-visual {\n        height: 14rem;\n      }\n    }\n    :host .result-root.with-sections.display-grid.image-small.image-small atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-icon.image-small atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-none.image-small atomic-result-section-visual {\n      width: 100%;\n    }\n    :host .result-root.with-sections.display-grid.image-small.image-none atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-icon.image-none atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-none.image-none atomic-result-section-visual {\n      display: none;\n    }\n  }\n  @media not all and (width >= 1024px) {\n    :host .result-root.with-sections.display-grid.image-small, :host .result-root.with-sections.display-grid.image-icon, :host .result-root.with-sections.display-grid.image-none {\n      grid-template-areas: 'badges' 'visual' 'title' 'title-metadata' 'emphasized' 'excerpt' 'children' 'bottom-metadata' 'actions';\n      grid-template-columns: 100%;\n      grid-template-rows: repeat(9, auto);\n    }\n    :host .result-root.with-sections.display-grid.image-small.density-comfortable atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-icon.density-comfortable atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-none.density-comfortable atomic-result-section-visual {\n      margin-bottom: 1rem;\n    }\n    :host .result-root.with-sections.display-grid.image-small.density-comfortable.image-small atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-icon.density-comfortable.image-small atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-none.density-comfortable.image-small atomic-result-section-visual {\n      width: 10.25rem;\n      height: 10.25rem;\n    }\n    :host .result-root.with-sections.display-grid.image-small.density-comfortable atomic-result-section-badges, :host .result-root.with-sections.display-grid.image-icon.density-comfortable atomic-result-section-badges, :host .result-root.with-sections.display-grid.image-none.density-comfortable atomic-result-section-badges {\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      margin-bottom: 1rem;\n      --row-height: 2rem;\n    }\n    :host .result-root.with-sections.display-grid.image-small.density-comfortable atomic-result-section-actions, :host .result-root.with-sections.display-grid.image-icon.density-comfortable atomic-result-section-actions, :host .result-root.with-sections.display-grid.image-none.density-comfortable atomic-result-section-actions {\n      --font-size: var(--atomic-text-base);\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      margin-top: 1.25rem;\n      --row-height: 2rem;\n    }\n    :host .result-root.with-sections.display-grid.image-small.density-comfortable atomic-result-section-title, :host .result-root.with-sections.display-grid.image-icon.density-comfortable atomic-result-section-title, :host .result-root.with-sections.display-grid.image-none.density-comfortable atomic-result-section-title {\n      --font-size: var(--atomic-text-lg);\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      max-height: 3rem;\n      overflow: hidden;\n      display: -webkit-box;\n      -webkit-box-orient: vertical;\n      -webkit-line-clamp: 2;\n    }\n    :host .result-root.with-sections.display-grid.image-small.density-comfortable atomic-result-section-title-metadata, :host .result-root.with-sections.display-grid.image-icon.density-comfortable atomic-result-section-title-metadata, :host .result-root.with-sections.display-grid.image-none.density-comfortable atomic-result-section-title-metadata {\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      margin-top: 0.475rem;\n    }\n    :host .result-root.with-sections.display-grid.image-small.density-comfortable atomic-result-section-emphasized, :host .result-root.with-sections.display-grid.image-icon.density-comfortable atomic-result-section-emphasized, :host .result-root.with-sections.display-grid.image-none.density-comfortable atomic-result-section-emphasized {\n      font-weight: 500;\n      --font-size: var(--atomic-text-2xl);\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    :host .result-root.with-sections.display-grid.image-small.density-comfortable atomic-result-section-excerpt, :host .result-root.with-sections.display-grid.image-icon.density-comfortable atomic-result-section-excerpt, :host .result-root.with-sections.display-grid.image-none.density-comfortable atomic-result-section-excerpt {\n      --font-size: var(--atomic-text-base);\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      margin-top: 1.25rem;\n      overflow: hidden;\n      display: -webkit-box;\n      -webkit-box-orient: vertical;\n      -webkit-line-clamp: 2;\n    }\n    :host .result-root.with-sections.display-grid.image-small.density-comfortable atomic-result-section-bottom-metadata, :host .result-root.with-sections.display-grid.image-icon.density-comfortable atomic-result-section-bottom-metadata, :host .result-root.with-sections.display-grid.image-none.density-comfortable atomic-result-section-bottom-metadata {\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      margin-top: 1rem;\n      max-height: 3rem;\n    }\n    :host .result-root.with-sections.display-grid.image-small.density-comfortable atomic-result-section-children, :host .result-root.with-sections.display-grid.image-icon.density-comfortable atomic-result-section-children, :host .result-root.with-sections.display-grid.image-none.density-comfortable atomic-result-section-children {\n      --font-size: var(--atomic-text-base);\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      margin-top: 1.25rem;\n    }\n    :host .result-root.with-sections.display-grid.image-small.density-normal atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-icon.density-normal atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-none.density-normal atomic-result-section-visual {\n      margin-bottom: 0.75rem;\n    }\n    :host .result-root.with-sections.display-grid.image-small.density-normal.image-small atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-icon.density-normal.image-small atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-none.density-normal.image-small atomic-result-section-visual {\n      width: 10.25rem;\n      height: 10.25rem;\n    }\n    :host .result-root.with-sections.display-grid.image-small.density-normal atomic-result-section-badges, :host .result-root.with-sections.display-grid.image-icon.density-normal atomic-result-section-badges, :host .result-root.with-sections.display-grid.image-none.density-normal atomic-result-section-badges {\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      margin-bottom: 1rem;\n      --row-height: 2rem;\n    }\n    :host .result-root.with-sections.display-grid.image-small.density-normal atomic-result-section-actions, :host .result-root.with-sections.display-grid.image-icon.density-normal atomic-result-section-actions, :host .result-root.with-sections.display-grid.image-none.density-normal atomic-result-section-actions {\n      --font-size: var(--atomic-text-base);\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      margin-top: 1rem;\n      --row-height: 2rem;\n    }\n    :host .result-root.with-sections.display-grid.image-small.density-normal atomic-result-section-title, :host .result-root.with-sections.display-grid.image-icon.density-normal atomic-result-section-title, :host .result-root.with-sections.display-grid.image-none.density-normal atomic-result-section-title {\n      --font-size: var(--atomic-text-lg);\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      max-height: 3rem;\n      overflow: hidden;\n      display: -webkit-box;\n      -webkit-box-orient: vertical;\n      -webkit-line-clamp: 2;\n    }\n    :host .result-root.with-sections.display-grid.image-small.density-normal atomic-result-section-title-metadata, :host .result-root.with-sections.display-grid.image-icon.density-normal atomic-result-section-title-metadata, :host .result-root.with-sections.display-grid.image-none.density-normal atomic-result-section-title-metadata {\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      margin-top: 0.475rem;\n    }\n    :host .result-root.with-sections.display-grid.image-small.density-normal atomic-result-section-emphasized, :host .result-root.with-sections.display-grid.image-icon.density-normal atomic-result-section-emphasized, :host .result-root.with-sections.display-grid.image-none.density-normal atomic-result-section-emphasized {\n      font-weight: 500;\n      --font-size: var(--atomic-text-2xl);\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    :host .result-root.with-sections.display-grid.image-small.density-normal atomic-result-section-excerpt, :host .result-root.with-sections.display-grid.image-icon.density-normal atomic-result-section-excerpt, :host .result-root.with-sections.display-grid.image-none.density-normal atomic-result-section-excerpt {\n      --font-size: var(--atomic-text-base);\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      margin-top: 1rem;\n      overflow: hidden;\n      display: -webkit-box;\n      -webkit-box-orient: vertical;\n      -webkit-line-clamp: 2;\n    }\n    :host .result-root.with-sections.display-grid.image-small.density-normal atomic-result-section-bottom-metadata, :host .result-root.with-sections.display-grid.image-icon.density-normal atomic-result-section-bottom-metadata, :host .result-root.with-sections.display-grid.image-none.density-normal atomic-result-section-bottom-metadata {\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      margin-top: 0.75rem;\n      max-height: 3rem;\n    }\n    :host .result-root.with-sections.display-grid.image-small.density-normal atomic-result-section-children, :host .result-root.with-sections.display-grid.image-icon.density-normal atomic-result-section-children, :host .result-root.with-sections.display-grid.image-none.density-normal atomic-result-section-children {\n      --font-size: var(--atomic-text-base);\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      margin-top: 1rem;\n    }\n    :host .result-root.with-sections.display-grid.image-small.density-compact atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-icon.density-compact atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-none.density-compact atomic-result-section-visual {\n      margin-bottom: 0.5rem;\n    }\n    :host .result-root.with-sections.display-grid.image-small.density-compact.image-large atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-icon.density-compact.image-large atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-none.density-compact.image-large atomic-result-section-visual {\n      width: 100%;\n    }\n    :host .result-root.with-sections.display-grid.image-small.density-compact.image-small atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-icon.density-compact.image-small atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-none.density-compact.image-small atomic-result-section-visual {\n      width: 10.25rem;\n      height: 10.25rem;\n    }\n    :host .result-root.with-sections.display-grid.image-small.density-compact atomic-result-section-badges, :host .result-root.with-sections.display-grid.image-icon.density-compact atomic-result-section-badges, :host .result-root.with-sections.display-grid.image-none.density-compact atomic-result-section-badges {\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      margin-bottom: 1rem;\n      --row-height: 2rem;\n    }\n    :host .result-root.with-sections.display-grid.image-small.density-compact atomic-result-section-actions, :host .result-root.with-sections.display-grid.image-icon.density-compact atomic-result-section-actions, :host .result-root.with-sections.display-grid.image-none.density-compact atomic-result-section-actions {\n      --font-size: var(--atomic-text-base);\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      margin-top: 0.75rem;\n      --row-height: 2rem;\n    }\n    :host .result-root.with-sections.display-grid.image-small.density-compact atomic-result-section-title, :host .result-root.with-sections.display-grid.image-icon.density-compact atomic-result-section-title, :host .result-root.with-sections.display-grid.image-none.density-compact atomic-result-section-title {\n      --font-size: var(--atomic-text-lg);\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      max-height: 3rem;\n      overflow: hidden;\n      display: -webkit-box;\n      -webkit-box-orient: vertical;\n      -webkit-line-clamp: 2;\n    }\n    :host .result-root.with-sections.display-grid.image-small.density-compact atomic-result-section-title-metadata, :host .result-root.with-sections.display-grid.image-icon.density-compact atomic-result-section-title-metadata, :host .result-root.with-sections.display-grid.image-none.density-compact atomic-result-section-title-metadata {\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      margin-top: 0.475rem;\n    }\n    :host .result-root.with-sections.display-grid.image-small.density-compact atomic-result-section-emphasized, :host .result-root.with-sections.display-grid.image-icon.density-compact atomic-result-section-emphasized, :host .result-root.with-sections.display-grid.image-none.density-compact atomic-result-section-emphasized {\n      font-weight: 500;\n      --font-size: var(--atomic-text-2xl);\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    :host .result-root.with-sections.display-grid.image-small.density-compact atomic-result-section-excerpt, :host .result-root.with-sections.display-grid.image-icon.density-compact atomic-result-section-excerpt, :host .result-root.with-sections.display-grid.image-none.density-compact atomic-result-section-excerpt {\n      --font-size: var(--atomic-text-base);\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      margin-top: 0.75rem;\n      overflow: hidden;\n      display: -webkit-box;\n      -webkit-box-orient: vertical;\n      -webkit-line-clamp: 1;\n    }\n    :host .result-root.with-sections.display-grid.image-small.density-compact atomic-result-section-bottom-metadata, :host .result-root.with-sections.display-grid.image-icon.density-compact atomic-result-section-bottom-metadata, :host .result-root.with-sections.display-grid.image-none.density-compact atomic-result-section-bottom-metadata {\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      margin-top: 0.5rem;\n      max-height: 3rem;\n    }\n    :host .result-root.with-sections.display-grid.image-small.density-compact atomic-result-section-children, :host .result-root.with-sections.display-grid.image-icon.density-compact atomic-result-section-children, :host .result-root.with-sections.display-grid.image-none.density-compact atomic-result-section-children {\n      --font-size: var(--atomic-text-base);\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      margin-top: 0.75rem;\n    }\n    @supports not (aspect-ratio: 1 / 1) {\n      :host .result-root.with-sections.display-grid.image-small.image-small atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-icon.image-small atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-none.image-small atomic-result-section-visual {\n        height: 9rem;\n      }\n    }\n    @supports not (aspect-ratio: 1 / 1) {\n      :host .result-root.with-sections.display-grid.image-small.image-small atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-icon.image-small atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-none.image-small atomic-result-section-visual {\n        height: 9rem;\n      }\n    }\n    :host .result-root.with-sections.display-grid.image-small.image-small atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-icon.image-small atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-none.image-small atomic-result-section-visual {\n      aspect-ratio: 1 / 1;\n      height: auto;\n    }\n    @supports not (aspect-ratio: 1 / 1) {\n      :host .result-root.with-sections.display-grid.image-small.image-small atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-icon.image-small atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-none.image-small atomic-result-section-visual {\n        height: 9rem;\n      }\n    }\n    :host .result-root.with-sections.display-grid.image-small.image-small atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-icon.image-small atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-none.image-small atomic-result-section-visual {\n      width: 100%;\n    }\n    :host .result-root.with-sections.display-grid.image-small.image-icon atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-icon.image-icon atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-none.image-icon atomic-result-section-visual {\n      width: 2rem;\n      height: 2rem;\n    }\n    :host .result-root.with-sections.display-grid.image-small.image-none atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-icon.image-none atomic-result-section-visual, :host .result-root.with-sections.display-grid.image-none.image-none atomic-result-section-visual {\n      display: none;\n    }\n  }\n  :host .result-root.with-sections.display-table.image-large.density-compact atomic-result-section-visual {\n    width: 10.25rem;\n    height: 10.25rem;\n  }\n  :host .result-root.with-sections.display-table atomic-result-section-children atomic-result-children::part(children-root), :host .result-root.with-sections.display-table atomic-result-section-children atomic-insight-result-children::part(children-root) {\n    border-style: var(--tw-border-style);\n    border-width: 1px;\n    border-color: var(--atomic-neutral);\n    border-radius: 16px;\n  }\n  :host .result-root.with-sections.display-table.density-comfortable atomic-result-section-visual {\n    margin-right: 1.5rem;\n  }\n  :host .result-root.with-sections.display-table.density-comfortable atomic-result-section-badges, :host .result-root.with-sections.display-table.density-comfortable atomic-result-section-actions {\n    margin-bottom: 1.5rem;\n    --row-height: 2rem;\n  }\n  :host .result-root.with-sections.display-table.density-comfortable atomic-result-section-title {\n    --font-size: var(--atomic-text-2xl);\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  :host .result-root.with-sections.display-table.density-comfortable atomic-result-section-excerpt {\n    margin-top: 1.75rem;\n    --font-size: var(--atomic-text-lg);\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    max-height: 4.5rem;\n    overflow: hidden;\n    display: -webkit-box;\n    -webkit-box-orient: vertical;\n    -webkit-line-clamp: 3;\n  }\n  :host .result-root.with-sections.display-table.density-comfortable atomic-result-section-bottom-metadata {\n    margin-top: 1.25rem;\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    max-height: 4rem;\n  }\n  :host .result-root.with-sections.display-table.density-comfortable atomic-result-section-title-metadata {\n    margin-top: 0.475rem;\n  }\n  :host .result-root.with-sections.display-table.density-comfortable atomic-result-children::part(children-root), :host .result-root.with-sections.display-table.density-comfortable atomic-insight-result-children::part(children-root) {\n    border-style: var(--tw-border-style);\n    border-width: 1px;\n    border-color: var(--atomic-neutral);\n    border-radius: 16px;\n    margin-top: 1.25rem;\n    padding: 1.75rem;\n  }\n  :host .result-root.with-sections.display-table.density-comfortable atomic-result-children::part(show-hide-button), :host .result-root.with-sections.display-table.density-comfortable atomic-insight-result-children::part(show-hide-button) {\n    margin-top: 1.25rem;\n    margin-bottom: 1.25rem;\n  }\n  :host .result-root.with-sections.display-table.density-comfortable.child-result:not(.last-child), :host .result-root.with-sections.display-table.density-comfortable .placeholder {\n    margin-bottom: 1.75rem;\n  }\n  :host .result-root.with-sections.display-table.density-comfortable atomic-result-children::part(children-root), :host .result-root.with-sections.display-table.density-comfortable atomic-insight-result-children::part(children-root) {\n    border-style: var(--tw-border-style);\n    border-width: 1px;\n    border-color: var(--atomic-neutral);\n    border-radius: 16px;\n    margin-top: 1.25rem;\n    padding: 1.75rem;\n  }\n  :host .result-root.with-sections.display-table.density-comfortable atomic-result-children::part(show-hide-button), :host .result-root.with-sections.display-table.density-comfortable atomic-insight-result-children::part(show-hide-button) {\n    margin-top: 1.25rem;\n    margin-bottom: 1.25rem;\n  }\n  :host .result-root.with-sections.display-table.density-comfortable.child-result:not(.last-child), :host .result-root.with-sections.display-table.density-comfortable .placeholder {\n    margin-bottom: 1.75rem;\n  }\n  :host .result-root.with-sections.display-table.density-normal atomic-result-section-visual {\n    margin-right: 1rem;\n  }\n  :host .result-root.with-sections.display-table.density-normal atomic-result-section-badges, :host .result-root.with-sections.display-table.density-normal atomic-result-section-actions {\n    margin-bottom: 1rem;\n    --row-height: 2rem;\n  }\n  :host .result-root.with-sections.display-table.density-normal atomic-result-section-title {\n    --font-size: var(--atomic-text-xl);\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  :host .result-root.with-sections.display-table.density-normal atomic-result-section-excerpt {\n    margin-top: 1.25rem;\n    --font-size: var(--atomic-text-base);\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    max-height: 2.5rem;\n    overflow: hidden;\n    display: -webkit-box;\n    -webkit-box-orient: vertical;\n    -webkit-line-clamp: 2;\n  }\n  :host .result-root.with-sections.display-table.density-normal atomic-result-section-bottom-metadata {\n    margin-top: 0.875rem;\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    max-height: 3.5rem;\n  }\n  :host .result-root.with-sections.display-table.density-normal atomic-result-section-title-metadata {\n    margin-top: 0.475rem;\n  }\n  :host .result-root.with-sections.display-table.density-normal atomic-result-children::part(children-root), :host .result-root.with-sections.display-table.density-normal atomic-insight-result-children::part(children-root) {\n    border-style: var(--tw-border-style);\n    border-width: 1px;\n    border-color: var(--atomic-neutral);\n    border-radius: 16px;\n    margin-top: 0.875rem;\n    padding: 1.5rem;\n  }\n  :host .result-root.with-sections.display-table.density-normal atomic-result-children::part(show-hide-button), :host .result-root.with-sections.display-table.density-normal atomic-insight-result-children::part(show-hide-button) {\n    margin-top: 0.875rem;\n    margin-bottom: 0.875rem;\n  }\n  :host .result-root.with-sections.display-table.density-normal.child-result:not(.last-child), :host .result-root.with-sections.display-table.density-normal .placeholder {\n    margin-bottom: 1.5rem;\n  }\n  :host .result-root.with-sections.display-table.density-normal atomic-result-children::part(children-root), :host .result-root.with-sections.display-table.density-normal atomic-insight-result-children::part(children-root) {\n    border-style: var(--tw-border-style);\n    border-width: 1px;\n    border-color: var(--atomic-neutral);\n    border-radius: 16px;\n    margin-top: 0.875rem;\n    padding: 1.5rem;\n  }\n  :host .result-root.with-sections.display-table.density-normal atomic-result-children::part(show-hide-button), :host .result-root.with-sections.display-table.density-normal atomic-insight-result-children::part(show-hide-button) {\n    margin-top: 0.875rem;\n    margin-bottom: 0.875rem;\n  }\n  :host .result-root.with-sections.display-table.density-normal.child-result:not(.last-child), :host .result-root.with-sections.display-table.density-normal .placeholder {\n    margin-bottom: 1.5rem;\n  }\n  :host .result-root.with-sections.display-table.density-compact atomic-result-section-visual {\n    margin-right: 1rem;\n  }\n  :host .result-root.with-sections.display-table.density-compact atomic-result-section-badges, :host .result-root.with-sections.display-table.density-compact atomic-result-section-actions {\n    margin-bottom: 1rem;\n    --row-height: 2rem;\n  }\n  :host .result-root.with-sections.display-table.density-compact atomic-result-section-title {\n    --font-size: var(--atomic-text-xl);\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  :host .result-root.with-sections.display-table.density-compact atomic-result-section-excerpt {\n    margin-top: 1rem;\n    --font-size: var(--atomic-text-base);\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    max-height: 1.25rem;\n    overflow: hidden;\n    display: -webkit-box;\n    -webkit-box-orient: vertical;\n    -webkit-line-clamp: 1;\n  }\n  :host .result-root.with-sections.display-table.density-compact atomic-result-section-bottom-metadata {\n    margin-top: 0.6875rem;\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    max-height: 3.25rem;\n  }\n  :host .result-root.with-sections.display-table.density-compact atomic-result-section-title-metadata {\n    margin-top: 0.475rem;\n  }\n  :host .result-root.with-sections.display-table.density-compact atomic-result-children::part(children-root), :host .result-root.with-sections.display-table.density-compact atomic-insight-result-children::part(children-root) {\n    border-style: var(--tw-border-style);\n    border-width: 1px;\n    border-color: var(--atomic-neutral);\n    border-radius: 16px;\n    margin-top: 0.475rem;\n    padding: 1rem;\n  }\n  :host .result-root.with-sections.display-table.density-compact atomic-result-children::part(show-hide-button), :host .result-root.with-sections.display-table.density-compact atomic-insight-result-children::part(show-hide-button) {\n    margin-top: 0.475rem;\n    margin-bottom: 0.475rem;\n  }\n  :host .result-root.with-sections.display-table.density-compact.child-result:not(.last-child), :host .result-root.with-sections.display-table.density-compact .placeholder {\n    margin-bottom: 1rem;\n  }\n  :host .result-root.with-sections.display-table.density-compact atomic-result-children::part(children-root), :host .result-root.with-sections.display-table.density-compact atomic-insight-result-children::part(children-root) {\n    border-style: var(--tw-border-style);\n    border-width: 1px;\n    border-color: var(--atomic-neutral);\n    border-radius: 16px;\n    margin-top: 0.475rem;\n    padding: 1rem;\n  }\n  :host .result-root.with-sections.display-table.density-compact atomic-result-children::part(show-hide-button), :host .result-root.with-sections.display-table.density-compact atomic-insight-result-children::part(show-hide-button) {\n    margin-top: 0.475rem;\n    margin-bottom: 0.475rem;\n  }\n  :host .result-root.with-sections.display-table.density-compact.child-result:not(.last-child), :host .result-root.with-sections.display-table.density-compact .placeholder {\n    margin-bottom: 1rem;\n  }\n  :host .result-root.with-sections.display-table.image-large, :host .result-root.with-sections.display-table.image-small {\n    grid-template-areas: 'badges badges          .               actions' 'visual title           title           title' 'visual title-metadata  title-metadata  title-metadata' 'visual emphasized      emphasized      emphasized' 'visual excerpt         excerpt         excerpt' 'visual bottom-metadata bottom-metadata bottom-metadata' 'visual children        children        children';\n    grid-template-columns: minmax(0, min-content) auto 1fr auto;\n    grid-template-rows: repeat(6, auto) minmax(0, 1fr);\n  }\n  :host .result-root.with-sections.display-table.image-large.density-comfortable atomic-result-section-visual, :host .result-root.with-sections.display-table.image-large.density-normal atomic-result-section-visual {\n    width: 20.375rem;\n    height: 20.375rem;\n  }\n  :host .result-root.with-sections.display-table.image-small atomic-result-section-visual, :host .result-root.with-sections.display-table.image-large.density-compact atomic-result-section-visual {\n    width: 10rem;\n    height: 10rem;\n  }\n  :host .result-root.with-sections.display-table.image-icon {\n    grid-template-areas: 'badges badges          .               actions' 'visual title           title           title' 'visual title-metadata  title-metadata  title-metadata' 'visual emphasized      emphasized      emphasized' 'visual excerpt         excerpt         excerpt' 'visual bottom-metadata bottom-metadata bottom-metadata' 'visual children        children        children';\n    grid-template-columns: minmax(0, min-content) auto 1fr auto;\n    grid-template-rows: repeat(7, minmax(0, min-content));\n  }\n  :host .result-root.with-sections.display-table.image-icon atomic-result-section-visual {\n    width: 2rem;\n    height: 2rem;\n  }\n  :host .result-root.with-sections.display-table.image-none {\n    grid-template-areas: 'badges          .               actions' 'title           title           title' 'title-metadata  title-metadata  title-metadata' 'emphasized      emphasized      emphasized' 'excerpt         excerpt         excerpt' 'bottom-metadata bottom-metadata bottom-metadata' 'children        children        children';\n    grid-template-columns: auto 1fr auto;\n    grid-template-rows: repeat(6, auto);\n  }\n  :host .result-root.with-sections.display-table.image-none atomic-result-section-visual {\n    display: none;\n  }\n  :host .result-root atomic-table-element {\n    display: none;\n  }\n  :host .link-container {\n    display: none;\n  }\n}\n@property --tw-font-weight {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-border-style {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: solid;\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-font-weight: initial;\n      --tw-border-style: solid;\n    }\n  }\n}\n";
 const AtomicRecsResultStyle0 = atomicRecsResultCss;

package/dist/cjs/atomic-refine-modal.cjs.entry.js

@@ -6,11 +6,11 @@ const index = require('./index-757bc886.js');
 const headless = require('@coveo/headless');
 const initializationUtils = require('./initialization-utils-92f1b080.js');
 const tabUtils = require('./tab-utils-d202a0aa.js');
-const utils = require('./utils-7153ae6b.js');
-const sections = require('./sections-4b4af2f8.js');
+const utils = require('./utils-12b49e87.js');
+const atomicLayoutSectionUtils = require('./atomic-layout-section-utils-08b4fbcd.js');
 const popoverType = require('./popover-type-b1385b27.js');
 const stencilFacetCommon = require('./stencil-facet-common-c258bef8.js');
-const store = require('./store-82abd941.js');
+const store = require('./store-7927ea61.js');
 const stencilButton = require('./stencil-button-94b89acc.js');
 const stencilModal = require('./stencil-modal-9035ea2a.js');
 require('./dom-utils-d4790328.js');
@@ -115,11 +115,11 @@ const AtomicRefineModal = class {
         const facetsSection = [];
         const horizontalFacetsSection = [];
         for (const boundInterface of boundInterfaces) {
-            const facetSection = sections.findSection(boundInterface, 'facets');
+            const facetSection = atomicLayoutSectionUtils.findSection(boundInterface, 'facets');
             if (facetSection) {
                 facetsSection.push(facetSection);
             }
-            const horizontalFacetSection = sections.findSection(boundInterface, 'horizontal-facets');
+            const horizontalFacetSection = atomicLayoutSectionUtils.findSection(boundInterface, 'horizontal-facets');
             if (horizontalFacetSection) {
                 horizontalFacetsSection.push(horizontalFacetSection);
             }
@@ -213,7 +213,7 @@ const AtomicRefineModal = class {
         return (index.h(RefineModalFiltersSection, { i18n: i18n, withFacets: hasFacetElements, withAutomaticFacets: hasAutomaticFacets }, this.breadcrumbManagerState.hasBreadcrumbs && (index.h(RefineModalFiltersClearButton, { i18n: i18n, onClick: () => this.breadcrumbManager.deselectAll() }))));
     }
     render() {
-        return (index.h(stencilModal.RefineModal, { key: 'c1903b44e0c9deffc57515099a0993203c92c9b7', i18n: this.bindings.i18n, host: this.host, isOpen: this.isOpen, onClose: () => (this.isOpen = false), title: this.bindings.i18n.t('sort-and-filter'), numberOfItems: this.querySummaryState.total, openButton: this.openButton }, index.h(RefineModalBody, { key: '7a48ac497f20763f538e115965d34e1f6eb776b7' }, this.renderSort(), this.renderFilters())));
+        return (index.h(stencilModal.RefineModal, { key: 'c90b5bf9bcee949c806ba3d4d33580168f45e008', i18n: this.bindings.i18n, host: this.host, isOpen: this.isOpen, onClose: () => (this.isOpen = false), title: this.bindings.i18n.t('sort-and-filter'), numberOfItems: this.querySummaryState.total, openButton: this.openButton }, index.h(RefineModalBody, { key: '29bc9e15d4692da14473568d270638e06286088b' }, this.renderSort(), this.renderFilters())));
     }
     componentDidLoad() {
         this.host.style.display = '';

package/dist/cjs/atomic-refine-modal.cjs.entry.js.map

@@ -1 +1 @@
-{"file":"atomic-refine-modal.entry.cjs.js","mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAEO,MAAM,eAAe,GAAwB,CAAC,CAAC,EAAE,QAAQ;IAC9D,QACEA,mBACE,IAAI,EAAC,SAAS,EACd,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,sBAAsB,IAE3B,QAAQ,CACH,EACR;AACJ,CAAC;;ACHM,MAAM,yBAAyB,GAElC,CAAC,EAAC,IAAI,EAAE,mBAAmB,EAAE,UAAU,EAAC,EAAE,QAAQ;IACpD,QACEA,QAACC,cAAQ;QACPD,iBAAK,IAAI,EAAC,gBAAgB,EAAC,KAAK,EAAC,uCAAuC;YACtEA,gBACE,IAAI,EAAC,qCAAqC,EAC1C,KAAK,EAAC,6BAA6B,IAElC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CACf;YACJ,QAAQ,CACL;QACL,UAAU,IAAIA,kBAAM,IAAI,EAAC,QAAQ,GAAQ;QACzC,mBAAmB,IAAIA,kBAAM,IAAI,EAAC,kBAAkB,GAAQ,CACpD,EACX;AACJ,CAAC,CAAC;AAMK,MAAM,6BAA6B,GAEtC,CAAC,EAAC,IAAI,EAAE,OAAO,EAAC;IAClB,QACEA,QAACE,oBAAM,IACL,OAAO,EAAE,OAAO,EAChB,KAAK,EAAC,cAAc,EACpB,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,EACrB,KAAK,EAAC,WAAW,EACjB,IAAI,EAAC,kBAAkB,GACf,EACV;AACJ,CAAC;;;;;;;;;ACrCM,MAAM,sBAAsB,GAE/B,CAAC,EAAC,IAAI,EAAE,QAAQ,EAAC,EAAE,QAAQ;IAC7B,QACEF,QAACC,cAAQ;QACPD,gBACE,IAAI,EAAC,kCAAkC,EACvC,KAAK,EAAC,kCAAkC,IAEvC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CACZ;QACLA,iBAAK,IAAI,EAAC,gBAAgB,EAAC,KAAK,EAAC,UAAU;YACzCA,oBACE,KAAK,EAAC,uGAAuG,EAC7G,IAAI,EAAC,QAAQ,gBACD,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,EAC7B,QAAQ,EAAE,QAAQ,IAEjB,QAAQ,CACF;YACTA,iBACE,IAAI,EAAC,qBAAqB,EAC1B,KAAK,EAAC,2FAA2F;gBAEjGA,yBACE,IAAI,EAAC,aAAa,EAClB,IAAI,EAAE,QAAQ,EACd,KAAK,EAAC,SAAS,GACF,CACX,CACF,CACG,EACX;AACJ,CAAC;;ACzCD,MAAM,oBAAoB,GAAG,urjEAAurjE,CAAC;AACrtjE,gCAAe,oBAAoB;;;;;;;;;;;;MCkFtB,iBAAiB;;;QA2BU,WAAM,GAAG,KAAK,CAAC;;;;;;;QAQvB,wBAAmB,GAAG,CAAC,CAAC;;;;;;;;sBARP,KAAK;mCAQA,CAAC;;IAGrD,YAAY,CAAC,MAAe;QAC1B,IAAI,MAAM,EAAE;YACV,IAAI,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,oBAAoB,CAAC,EAAE;gBACjD,OAAO;aACR;YAED,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,eAAe,EAAE,CAAC,CAAC;SAC1C;KACF;IAEM,UAAU;QACf,IAAI,CAAC,iBAAiB,GAAGG,+BAAsB,CAAC,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;QACtE,IAAI,CAAC,IAAI,GAAGC,kBAAS,CAAC,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;QAC5C,IAAI,CAAC,YAAY,GAAGC,0BAAiB,CAAC,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;QAC5D,IAAI,CAAC,YAAY,GAAGC,0BAAiB,CAAC,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;QAC5D,IAAI,CAAC,YAAY,GAAGC,0BAAiB,CAAC,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;QAC5D,IAAI,CAAC,UAAU,GAAGC,wBAAe,CAAC,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;QACxD,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;KAChC;IAEO,eAAe;QACrB,MAAM,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAC9C,OAAO,CAAC,YAAY,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;QACvC,IAAI,CAAC,qBAAqB,CAAC,OAAO,CAAC,CAAC;QAEpC,MAAM,MAAM,GAAG,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,gBAAgB,EAAwB,CAAC;QAC5E,MAAM,eAAe,GAAG,IAAI,CAAC,kBAAkB,EAAE,CAAC,IAAI,CACpDC,4BAAsB,CACvB,CAAC;QACF,MAAM,aAAa,GAAG,EAAE,CAAC;QACzB,MAAM,uBAAuB,GAAG,EAAE,CAAC;QACnC,KAAK,MAAM,cAAc,IAAI,eAAe,EAAE;YAC5C,MAAM,YAAY,GAAGC,oBAAW,CAAC,cAAc,EAAE,QAAQ,CAAC,CAAC;YAC3D,IAAI,YAAY,EAAE;gBAChB,aAAa,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;aAClC;YACD,MAAM,sBAAsB,GAAGA,oBAAW,CACxC,cAAc,EACd,mBAAmB,CACpB,CAAC;YACF,IAAI,sBAAsB,EAAE;gBAC1B,uBAAuB,CAAC,IAAI,CAAC,sBAAsB,CAAC,CAAC;aACtD;SACF;QACD,MAAM,aAAa,GAAGC,wCAAqB,CACzC,MAAM,EACN,GAAG,uBAAuB,EAC1B,GAAG,aAAa,CACjB,CAAC;QACF,KAAK,MAAM,YAAY,IAAI,aAAa,CAAC,MAAM,EAAE,EAAE;YACjD,YAAY,CAAC,IAAI,CAACF,4BAAsB,CAAC,CAAC;SAC3C;QAED,MAAM,YAAY,GAAG,EAAE,CAAC;QACxB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,eAAe,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;YAC/C,YAAY,CAAC,IAAI,CAAC,IAAI,aAAa,CAAC,GAAG,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC;YAClE,YAAY,CAAC,IAAI,CACf,IAAI,aAAa,CAAC,GAAG,CAAC,uBAAuB,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,CACzD,CAAC;SACH;QACD,YAAY,CAAC,IAAI,CAAC,IAAI,aAAa,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC;QAEtD,MAAM,EAAC,aAAa,EAAE,eAAe,EAAC,GAAGG,sCAAmB,CAC1D,YAAY,EACZ,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,YAAY,EAAE,CACnC,CAAC;QAEF,MAAM,kBAAkB,GAAG,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC,CAAC;QAC3D,MAAM,oBAAoB,GAAG,IAAI,CAAC,WAAW,CAAC,eAAe,CAAC,CAAC;QAE/DC,sCAAmB,CAAC,kBAAkB,EAAE,IAAI,CAAC,mBAAmB,CAAC,CAAC;QAElE,OAAO,CAAC,MAAM,CAAC,GAAG,kBAAkB,CAAC,CAAC;QACtC,OAAO,CAAC,MAAM,CAAC,GAAG,oBAAoB,CAAC,CAAC;QAExC,MAAM,SAAS,GAAG,IAAI,CAAC,2BAA2B,EAAE,CAAC;QACrD,IAAI,SAAS,EAAE;YACb,SAAS,CAAC,+CAA+C,CACvD,IAAI,CAAC,mBAAmB,EACxB,aAAa,CAAC,MAAM,CACrB,CAAC;YACF,OAAO,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC;SAC3B;QAED,OAAO,OAAO,CAAC;KAChB;IAEO,kBAAkB;QACxB,MAAM,aAAa,GACjB,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,yBAAyB,CAAC;YAC5C,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,iBAAiB,CAAC,EAAE,cAAc;YACpD,IAAI,CAAC;QACP,IAAI,CAAC,aAAa,EAAE;YAClB,MAAM,IAAI,KAAK,CAAC,6BAA6B,CAAC,CAAC;SAChD;QACD,MAAM,uBAAuB,GAAG,KAAK,CAAC,IAAI,CACxC,QAAQ,CAAC,gBAAgB,CAAC,iBAAiB,CAAC,CAC7C,CAAC,MAAM,CACN,CAAC,cAAc,KAAK,cAAc,CAAC,cAAc,KAAK,aAAa,CACpE,CAAC;QACF,OAAO,CAAC,GAAG,uBAAuB,EAAE,aAAa,CAAC,CAAC;KACpD;IAEO,WAAW,CAAC,MAA0B;QAC5C,OAAO,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,CAAC;YACzB,KAAK,CAAC,SAAS,CAAC,MAAM,CAACC,wBAAY,CAAC,CAAC;YACrC,KAAK,CAAC,YAAY,CAACC,wBAAkB,EAAE,EAAE,CAAC,CAAC;YAC3C,MAAM,KAAK,GAAG,KAAK,CAAC,SAAS,CAAC,IAAI,CAAqB,CAAC;YACxD,KAAK,CAAC,WAAW;gBACf,IAAI,CAAC,mBAAmB,KAAK,CAAC,CAAC;sBAC3B,KAAK;sBACL,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,mBAAmB,CAAC;YACvC,OAAO,KAAK,CAAC;SACd,CAAC,CAAC;KACJ;IAEO,2BAA2B;QACjC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,iBAAiB,EAAE,YAAY,EAAE;YAC/D,OAAO;SACR;QACD,MAAM,SAAS,GAAG,QAAQ,CAAC,aAAa,CACtC,kCAAkC,CACnC,CAAC;QAEF,SAAS,CAAC,YAAY,CACpB,eAAe,EACf,GAAG,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,iBAAiB,EAAE,YAAY,EAAE,CAChE,CAAC;QACF,IAAI,CAAC,qBAAqB,CAAC,SAAS,CAAC,CAAC;QAEtC,OAAO,SAAS,CAAC;KAClB;IAEO,qBAAqB,CAAC,EAAe;QAC3C,EAAE,CAAC,KAAK,CAAC,OAAO,GAAG,MAAM,CAAC;QAC1B,EAAE,CAAC,KAAK,CAAC,aAAa,GAAG,QAAQ,CAAC;QAClC,EAAE,CAAC,KAAK,CAAC,GAAG,GAAG,+CAA+C,CAAC;KAChE;IAED,IAAY,OAAO;QACjB,OAAO,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC;KAC9C;IAEO,MAAM,CAAC,CAAQ;QACrB,MAAM,MAAM,GAAG,CAAC,CAAC,YAAY,EAAE,CAAC,CAAC,CAAsB,CAAC;QACxD,MAAM,MAAM,GAAG,IAAI,CAAC,OAAO,CAAC,IAAI,CAC9B,CAAC,MAAM,KAAK,MAAM,CAAC,UAAU,KAAK,MAAM,CAAC,KAAK,CAC/C,CAAC;QACF,MAAM,IAAI,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;KAC7C;IAEO,WAAW,CAAC,EAAC,UAAU,EAAE,QAAQ,EAAE,KAAK,EAAE,IAAI,EAAqB;QACzE,IACE,CAACC,kCAAyB,CACxB,CAAC,GAAG,IAAI,CAAC,QAAQ,CAAC,EAClB,CAAC,GAAG,IAAI,CAAC,QAAQ,CAAC,EAClB,IAAI,CAAC,eAAe,EAAE,SAAS,CAChC,EACD;YACA,OAAO;SACR;QACD,QACEhB,oBAAQ,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAC,IAChE,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CACrB,EACT;KACH;IAEO,UAAU;QAChB,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,MAAM,EAAE;YACxB,OAAO;SACR;QAED,QACEA,QAAC,sBAAsB,IACrB,IAAI,EAAE,IAAI,CAAC,QAAQ,CAAC,IAAI,EACxB,QAAQ,EAAE,CAAC,MAAM,KAAK,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,IAExC,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,KAAK,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,CAChC,EACzB;KACH;IAEO,aAAa;QACnB,MAAM,gBAAgB,GAAG,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,gBAAgB,EAAE,CAAC,MAAM,GAAG,CAAC,CAAC;QAC3E,MAAM,kBAAkB,GACtB,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,iBAAiB,EAAE,GAAG,KAAK,SAAS,CAAC;QAElE,IAAI,CAAC,gBAAgB,IAAI,CAAC,kBAAkB,EAAE;YAC5C,OAAO;SACR;QAED,MAAM,EAAC,IAAI,EAAC,GAAG,IAAI,CAAC,QAAQ,CAAC;QAE7B,QACEA,QAAC,yBAAyB,IACxB,IAAI,EAAE,IAAI,EACV,UAAU,EAAE,gBAAgB,EAC5B,mBAAmB,EAAE,kBAAkB,IAEtC,IAAI,CAAC,sBAAsB,CAAC,cAAc,KACzCA,QAAC,6BAA6B,IAC5B,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,MAAM,IAAI,CAAC,iBAAiB,CAAC,WAAW,EAAE,GACnD,CACH,CACyB,EAC5B;KACH;IAEM,MAAM;QACX,QACEA,QAACiB,wBAAW,qDACV,IAAI,EAAE,IAAI,CAAC,QAAQ,CAAC,IAAI,EACxB,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,OAAO,EAAE,OAAO,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC,EACpC,KAAK,EAAE,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,iBAAiB,CAAC,EAC9C,aAAa,EAAE,IAAI,CAAC,iBAAiB,CAAC,KAAK,EAC3C,UAAU,EAAE,IAAI,CAAC,UAAU,IAE3BjB,QAAC,eAAe,uDACb,IAAI,CAAC,UAAU,EAAE,EACjB,IAAI,CAAC,aAAa,EAAE,CACL,CACN,EACd;KACH;IAEM,gBAAgB;QACrB,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,GAAG,EAAE,CAAC;KAC9B;;;;;;AAvQ4B;IAA5BkB,sCAAkB,EAAE;mDAA4B;AAK1C;IAFNC,yCAAqB,CAAC,cAAc,CAAC;4DAEO;AAGrC;IAFPA,yCAAqB,CAAC,mBAAmB,CAAC;iEAEa;AAGjD;IAFNA,yCAAqB,CAAC,cAAc,CAAC;4DAEO;AACE;IAArCA,yCAAqB,CAAC,MAAM,CAAC;oDAA8B;AAI9D;IAFNA,yCAAqB,CAAC,YAAY,CAAC;0DAEK;;;;;","names":["h","Fragment","Button","buildBreadcrumbManager","buildSort","buildQuerySummary","buildSearchStatus","buildFacetManager","buildTabManager","sortByDocumentPosition","findSection","triageFacetsByParents","sortFacetVisibility","collapseFacetsAfter","popoverClass","isRefineModalFacet","shouldDisplayOnCurrentTab","RefineModal","InitializeBindings","BindStateToController"],"sources":["src/components/common/refine-modal/stencil-body.tsx","src/components/common/refine-modal/stencil-filters.tsx","src/components/common/refine-modal/stencil-sort.tsx","src/components/search/atomic-refine-modal/atomic-refine-modal.pcss?tag=atomic-refine-modal&encapsulation=shadow","src/components/search/atomic-refine-modal/atomic-refine-modal.tsx"],"sourcesContent":["import {FunctionalComponent, h} from '@stencil/core';\n\nexport const RefineModalBody: FunctionalComponent = (_, children) => {\n  return (\n    <aside\n      part=\"content\"\n      slot=\"body\"\n      class=\"flex flex-col w-full\"\n    >\n      {children}\n    </aside>\n  );\n};\n","import {FunctionalComponent, Fragment, h} from '@stencil/core';\nimport {i18n} from 'i18next';\nimport {Button} from '../stencil-button';\n\ninterface RefineModalFiltersSectionProps {\n  i18n: i18n;\n  withFacets: boolean;\n  withAutomaticFacets: boolean;\n}\nexport const RefineModalFiltersSection: FunctionalComponent<\n  RefineModalFiltersSectionProps\n> = ({i18n, withAutomaticFacets, withFacets}, children) => {\n  return (\n    <Fragment>\n      <div part=\"filter-section\" class=\"mt-8 mb-3 flex w-full justify-between\">\n        <h1\n          part=\"section-title section-filters-title\"\n          class=\"truncate text-2xl font-bold\"\n        >\n          {i18n.t('filters')}\n        </h1>\n        {children}\n      </div>\n      {withFacets && <slot name=\"facets\"></slot>}\n      {withAutomaticFacets && <slot name=\"automatic-facets\"></slot>}\n    </Fragment>\n  );\n};\n\ninterface RefineModalFiltersClearButtonProps {\n  i18n: i18n;\n  onClick: () => void;\n}\nexport const RefineModalFiltersClearButton: FunctionalComponent<\n  RefineModalFiltersClearButtonProps\n> = ({i18n, onClick}) => {\n  return (\n    <Button\n      onClick={onClick}\n      style=\"text-primary\"\n      text={i18n.t('clear')}\n      class=\"px-2 py-1\"\n      part=\"filter-clear-all\"\n    ></Button>\n  );\n};\n","import {Fragment, FunctionalComponent, h} from '@stencil/core';\nimport {i18n} from 'i18next';\nimport SortIcon from '../../../images/sort.svg';\n\ninterface RefineModalSortSectionProps {\n  i18n: i18n;\n  onSelect: (e: Event) => void;\n}\nexport const RefineModalSortSection: FunctionalComponent<\n  RefineModalSortSectionProps\n> = ({i18n, onSelect}, children) => {\n  return (\n    <Fragment>\n      <h1\n        part=\"section-title section-sort-title\"\n        class=\"mb-3 truncate text-2xl font-bold\"\n      >\n        {i18n.t('sort')}\n      </h1>\n      <div part=\"select-wrapper\" class=\"relative\">\n        <select\n          class=\"btn-outline-neutral w-full grow cursor-pointer appearance-none rounded-lg px-6 py-5 text-lg font-bold\"\n          part=\"select\"\n          aria-label={i18n.t('sort-by')}\n          onChange={onSelect}\n        >\n          {children}\n        </select>\n        <div\n          part=\"select-icon-wrapper\"\n          class=\"pointer-events-none absolute top-0 right-0 bottom-0 flex items-center justify-center pr-6\"\n        >\n          <atomic-icon\n            part=\"select-icon\"\n            icon={SortIcon}\n            class=\"h-6 w-6\"\n          ></atomic-icon>\n        </div>\n      </div>\n    </Fragment>\n  );\n};\n","@import '../../../global/global.pcss';\n\n/* This stylesheet can be removed once atomic-refine-modal is migrated to lit.\n\nThe remaining styles can also be removed as they have been moved to the refine-modal/sort.ts functional component*/\n\n/**\n * @prop --atomic-refine-modal-facet-margin: The spacing between the modal's facets.\n */\nselect:hover + div,\nselect:focus-visible + div {\n  @apply text-primary-light;\n}\n","import {\n  BreadcrumbManager,\n  buildBreadcrumbManager,\n  BreadcrumbManagerState,\n  QuerySummary,\n  QuerySummaryState,\n  FacetManagerState,\n  Sort,\n  buildSort,\n  SortState,\n  buildQuerySummary,\n  buildSearchStatus,\n  SearchStatus,\n  FacetManager,\n  buildFacetManager,\n  TabManager,\n  TabManagerState,\n  buildTabManager,\n} from '@coveo/headless';\nimport {Component, h, State, Prop, Element, Watch} from '@stencil/core';\nimport {\n  AtomicInterface,\n  BindStateToController,\n  InitializableComponent,\n  InitializeBindings,\n} from '../../../utils/initialization-utils';\nimport {shouldDisplayOnCurrentTab} from '../../../utils/tab-utils';\nimport {sortByDocumentPosition} from '../../../utils/utils';\nimport {findSection} from '../../common/atomic-layout-section/sections';\nimport {popoverClass} from '../../common/facets/popover/popover-type';\nimport {\n  BaseFacetElement,\n  sortFacetVisibility,\n  triageFacetsByParents,\n  collapseFacetsAfter,\n} from '../../common/facets/stencil-facet-common';\nimport {isRefineModalFacet} from '../../common/interface/store';\nimport {RefineModalBody} from '../../common/refine-modal/stencil-body';\nimport {\n  RefineModalFiltersClearButton,\n  RefineModalFiltersSection,\n} from '../../common/refine-modal/stencil-filters';\nimport {RefineModal} from '../../common/refine-modal/stencil-modal';\nimport {RefineModalSortSection} from '../../common/refine-modal/stencil-sort';\nimport {Bindings} from '../atomic-search-interface/atomic-search-interface';\nimport {SortDropdownOption} from '../atomic-search-interface/store';\n\n/**\n * The `atomic-refine-modal` is automatically created as a child of the `atomic-search-interface` when the `atomic-refine-toggle` is initialized.\n *\n * When the modal is opened, the class `atomic-modal-opened` is added to the interface element and the body, allowing further customization.\n *\n * @part container - The modal's outermost container.\n * @part header-wrapper - The wrapper around the header.\n * @part header - The header of the modal, containing the title.\n * @part title - The title of the modal.\n * @part close-button - The button in the header that closes the modal.\n * @part close-icon - The icon of the close button.\n * @part header-ruler - The horizontal ruler underneath the header.\n * @part body-wrapper - The wrapper around the body.\n * @part body - The body of the modal, between the header and the footer.\n * @part content - The wrapper around the content inside the body of the modal.\n * @part section-title - The title for each section.\n * @part section-sort-title - The title for the sort section.\n * @part section-filters-title - The title for the filters section.\n * @part select-wrapper - The wrapper around the select element, used to position the icon.\n * @part select - The `<select>` element of the dropdown list.\n * @part select-icon-wrapper - The wrapper around the sort icon that's used to align it.\n * @part select-icon - The select dropdown's sort icon.\n * @part filter-section - The section containing facets and the \"filters\" title.\n * @part filter-clear-all - The button that resets all actively selected facet values.\n * @part footer-wrapper - The wrapper with a shadow or background color around the footer.\n * @part footer - The footer of the modal.\n * @part footer-content - The wrapper around the content inside the footer of the modal, containing the button to view results.\n * @part footer-button - The button in the footer that closes the modal.\n * @part footer-button-text - The text inside the button in the footer that closes the modal.\n * @part footer-button-count - The count inside the button in the footer that closes the modal.\n */\n@Component({\n  tag: 'atomic-refine-modal',\n  styleUrl: 'atomic-refine-modal.pcss',\n  shadow: true,\n})\nexport class AtomicRefineModal implements InitializableComponent {\n  private sort!: Sort;\n  private breadcrumbManager!: BreadcrumbManager;\n  public querySummary!: QuerySummary;\n  public searchStatus!: SearchStatus;\n  public facetManager!: FacetManager;\n  @InitializeBindings() public bindings!: Bindings;\n  @Element() public host!: HTMLElement;\n\n  @BindStateToController('querySummary')\n  @State()\n  public querySummaryState!: QuerySummaryState;\n  @BindStateToController('breadcrumbManager')\n  @State()\n  private breadcrumbManagerState!: BreadcrumbManagerState;\n  @BindStateToController('facetManager')\n  @State()\n  public facetManagerState!: FacetManagerState;\n  @State() @BindStateToController('sort') public sortState!: SortState;\n  public tabManager!: TabManager;\n  @BindStateToController('tabManager')\n  @State()\n  public tabManagerState!: TabManagerState;\n  @State() public error!: Error;\n\n  @Prop({mutable: true}) openButton?: HTMLElement;\n\n  @Prop({reflect: true, mutable: true}) isOpen = false;\n\n  /**\n   * The number of expanded facets inside the refine modal.\n   * Remaining facets are automatically collapsed.\n   *\n   * Using the value `0` collapses all facets.\n   */\n  @Prop({reflect: true}) public collapseFacetsAfter = 0;\n\n  @Watch('isOpen')\n  watchEnabled(isOpen: boolean) {\n    if (isOpen) {\n      if (this.host.querySelector('div[slot=\"facets\"]')) {\n        return;\n      }\n\n      this.host.append(this.createFacetSlot());\n    }\n  }\n\n  public initialize() {\n    this.breadcrumbManager = buildBreadcrumbManager(this.bindings.engine);\n    this.sort = buildSort(this.bindings.engine);\n    this.querySummary = buildQuerySummary(this.bindings.engine);\n    this.searchStatus = buildSearchStatus(this.bindings.engine);\n    this.facetManager = buildFacetManager(this.bindings.engine);\n    this.tabManager = buildTabManager(this.bindings.engine);\n    this.watchEnabled(this.isOpen);\n  }\n\n  private createFacetSlot(): HTMLDivElement {\n    const divSlot = document.createElement('div');\n    divSlot.setAttribute('slot', 'facets');\n    this.addFacetColumnStyling(divSlot);\n\n    const facets = this.bindings.store.getFacetElements() as BaseFacetElement[];\n    const boundInterfaces = this.getBoundInterfaces().sort(\n      sortByDocumentPosition\n    );\n    const facetsSection = [];\n    const horizontalFacetsSection = [];\n    for (const boundInterface of boundInterfaces) {\n      const facetSection = findSection(boundInterface, 'facets');\n      if (facetSection) {\n        facetsSection.push(facetSection);\n      }\n      const horizontalFacetSection = findSection(\n        boundInterface,\n        'horizontal-facets'\n      );\n      if (horizontalFacetSection) {\n        horizontalFacetsSection.push(horizontalFacetSection);\n      }\n    }\n    const triagedFacets = triageFacetsByParents(\n      facets,\n      ...horizontalFacetsSection,\n      ...facetsSection\n    );\n    for (const triagedFacet of triagedFacets.values()) {\n      triagedFacet.sort(sortByDocumentPosition);\n    }\n\n    const sortedFacets = [];\n    for (let i = 0; i < boundInterfaces.length; i++) {\n      sortedFacets.push(...(triagedFacets.get(facetsSection[i]) || []));\n      sortedFacets.push(\n        ...(triagedFacets.get(horizontalFacetsSection[i]) || [])\n      );\n    }\n    sortedFacets.push(...(triagedFacets.get(null) || []));\n\n    const {visibleFacets, invisibleFacets} = sortFacetVisibility(\n      sortedFacets,\n      this.bindings.store.getAllFacets()\n    );\n\n    const visibleFacetsClone = this.cloneFacets(visibleFacets);\n    const invisibleFacetsClone = this.cloneFacets(invisibleFacets);\n\n    collapseFacetsAfter(visibleFacetsClone, this.collapseFacetsAfter);\n\n    divSlot.append(...visibleFacetsClone);\n    divSlot.append(...invisibleFacetsClone);\n\n    const generator = this.makeAutomaticFacetGenerator();\n    if (generator) {\n      generator.updateCollapseFacetsDependingOnFacetsVisibility(\n        this.collapseFacetsAfter,\n        visibleFacets.length\n      );\n      divSlot.append(generator);\n    }\n\n    return divSlot;\n  }\n\n  private getBoundInterfaces(): AtomicInterface[] {\n    const mainInterface: AtomicInterface | null =\n      this.host.closest('atomic-search-interface') ??\n      this.host.closest('atomic-external')?.boundInterface ??\n      null;\n    if (!mainInterface) {\n      throw new Error('Cannot find bound interface');\n    }\n    const boundExternalInterfaces = Array.from(\n      document.querySelectorAll('atomic-external')\n    ).filter(\n      (atomicExternal) => atomicExternal.boundInterface === mainInterface\n    );\n    return [...boundExternalInterfaces, mainInterface];\n  }\n\n  private cloneFacets(facets: BaseFacetElement[]): BaseFacetElement[] {\n    return facets.map((facet, i) => {\n      facet.classList.remove(popoverClass);\n      facet.setAttribute(isRefineModalFacet, '');\n      const clone = facet.cloneNode(true) as BaseFacetElement;\n      clone.isCollapsed =\n        this.collapseFacetsAfter === -1\n          ? false\n          : i + 1 > this.collapseFacetsAfter;\n      return clone;\n    });\n  }\n\n  private makeAutomaticFacetGenerator() {\n    if (!this.bindings.engine.state.automaticFacetSet?.desiredCount) {\n      return;\n    }\n    const generator = document.createElement(\n      'atomic-automatic-facet-generator'\n    );\n\n    generator.setAttribute(\n      'desired-count',\n      `${this.bindings.engine.state.automaticFacetSet?.desiredCount}`\n    );\n    this.addFacetColumnStyling(generator);\n\n    return generator;\n  }\n\n  private addFacetColumnStyling(el: HTMLElement) {\n    el.style.display = 'flex';\n    el.style.flexDirection = 'column';\n    el.style.gap = 'var(--atomic-refine-modal-facet-margin, 20px)';\n  }\n\n  private get options() {\n    return this.bindings.store.state.sortOptions;\n  }\n\n  private select(e: Event) {\n    const select = e.composedPath()[0] as HTMLSelectElement;\n    const option = this.options.find(\n      (option) => option.expression === select.value\n    );\n    option && this.sort.sortBy(option.criteria);\n  }\n\n  private buildOption({expression, criteria, label, tabs}: SortDropdownOption) {\n    if (\n      !shouldDisplayOnCurrentTab(\n        [...tabs.included],\n        [...tabs.excluded],\n        this.tabManagerState?.activeTab\n      )\n    ) {\n      return;\n    }\n    return (\n      <option value={expression} selected={this.sort.isSortedBy(criteria)}>\n        {this.bindings.i18n.t(label)}\n      </option>\n    );\n  }\n\n  private renderSort() {\n    if (!this.options.length) {\n      return;\n    }\n\n    return (\n      <RefineModalSortSection\n        i18n={this.bindings.i18n}\n        onSelect={(option) => this.select(option)}\n      >\n        {this.options.map((option) => this.buildOption(option))}\n      </RefineModalSortSection>\n    );\n  }\n\n  private renderFilters() {\n    const hasFacetElements = this.bindings.store.getFacetElements().length > 0;\n    const hasAutomaticFacets =\n      this.bindings.engine.state.automaticFacetSet?.set !== undefined;\n\n    if (!hasFacetElements && !hasAutomaticFacets) {\n      return;\n    }\n\n    const {i18n} = this.bindings;\n\n    return (\n      <RefineModalFiltersSection\n        i18n={i18n}\n        withFacets={hasFacetElements}\n        withAutomaticFacets={hasAutomaticFacets}\n      >\n        {this.breadcrumbManagerState.hasBreadcrumbs && (\n          <RefineModalFiltersClearButton\n            i18n={i18n}\n            onClick={() => this.breadcrumbManager.deselectAll()}\n          />\n        )}\n      </RefineModalFiltersSection>\n    );\n  }\n\n  public render() {\n    return (\n      <RefineModal\n        i18n={this.bindings.i18n}\n        host={this.host}\n        isOpen={this.isOpen}\n        onClose={() => (this.isOpen = false)}\n        title={this.bindings.i18n.t('sort-and-filter')}\n        numberOfItems={this.querySummaryState.total}\n        openButton={this.openButton}\n      >\n        <RefineModalBody>\n          {this.renderSort()}\n          {this.renderFilters()}\n        </RefineModalBody>\n      </RefineModal>\n    );\n  }\n\n  public componentDidLoad() {\n    this.host.style.display = '';\n  }\n}\n"],"version":3}
+{"file":"atomic-refine-modal.entry.cjs.js","mappings":"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","names":["h","Fragment","Button","buildBreadcrumbManager","buildSort","buildQuerySummary","buildSearchStatus","buildFacetManager","buildTabManager","sortByDocumentPosition","findSection","triageFacetsByParents","sortFacetVisibility","collapseFacetsAfter","popoverClass","isRefineModalFacet","shouldDisplayOnCurrentTab","RefineModal","InitializeBindings","BindStateToController"],"sources":["src/components/common/refine-modal/stencil-body.tsx","src/components/common/refine-modal/stencil-filters.tsx","src/components/common/refine-modal/stencil-sort.tsx","src/components/search/atomic-refine-modal/atomic-refine-modal.pcss?tag=atomic-refine-modal&encapsulation=shadow","src/components/search/atomic-refine-modal/atomic-refine-modal.tsx"],"sourcesContent":["import {FunctionalComponent, h} from '@stencil/core';\n\nexport const RefineModalBody: FunctionalComponent = (_, children) => {\n  return (\n    <aside\n      part=\"content\"\n      slot=\"body\"\n      class=\"flex flex-col w-full\"\n    >\n      {children}\n    </aside>\n  );\n};\n","import {FunctionalComponent, Fragment, h} from '@stencil/core';\nimport {i18n} from 'i18next';\nimport {Button} from '../stencil-button';\n\ninterface RefineModalFiltersSectionProps {\n  i18n: i18n;\n  withFacets: boolean;\n  withAutomaticFacets: boolean;\n}\nexport const RefineModalFiltersSection: FunctionalComponent<\n  RefineModalFiltersSectionProps\n> = ({i18n, withAutomaticFacets, withFacets}, children) => {\n  return (\n    <Fragment>\n      <div part=\"filter-section\" class=\"mt-8 mb-3 flex w-full justify-between\">\n        <h1\n          part=\"section-title section-filters-title\"\n          class=\"truncate text-2xl font-bold\"\n        >\n          {i18n.t('filters')}\n        </h1>\n        {children}\n      </div>\n      {withFacets && <slot name=\"facets\"></slot>}\n      {withAutomaticFacets && <slot name=\"automatic-facets\"></slot>}\n    </Fragment>\n  );\n};\n\ninterface RefineModalFiltersClearButtonProps {\n  i18n: i18n;\n  onClick: () => void;\n}\nexport const RefineModalFiltersClearButton: FunctionalComponent<\n  RefineModalFiltersClearButtonProps\n> = ({i18n, onClick}) => {\n  return (\n    <Button\n      onClick={onClick}\n      style=\"text-primary\"\n      text={i18n.t('clear')}\n      class=\"px-2 py-1\"\n      part=\"filter-clear-all\"\n    ></Button>\n  );\n};\n","import {Fragment, FunctionalComponent, h} from '@stencil/core';\nimport {i18n} from 'i18next';\nimport SortIcon from '../../../images/sort.svg';\n\ninterface RefineModalSortSectionProps {\n  i18n: i18n;\n  onSelect: (e: Event) => void;\n}\nexport const RefineModalSortSection: FunctionalComponent<\n  RefineModalSortSectionProps\n> = ({i18n, onSelect}, children) => {\n  return (\n    <Fragment>\n      <h1\n        part=\"section-title section-sort-title\"\n        class=\"mb-3 truncate text-2xl font-bold\"\n      >\n        {i18n.t('sort')}\n      </h1>\n      <div part=\"select-wrapper\" class=\"relative\">\n        <select\n          class=\"btn-outline-neutral w-full grow cursor-pointer appearance-none rounded-lg px-6 py-5 text-lg font-bold\"\n          part=\"select\"\n          aria-label={i18n.t('sort-by')}\n          onChange={onSelect}\n        >\n          {children}\n        </select>\n        <div\n          part=\"select-icon-wrapper\"\n          class=\"pointer-events-none absolute top-0 right-0 bottom-0 flex items-center justify-center pr-6\"\n        >\n          <atomic-icon\n            part=\"select-icon\"\n            icon={SortIcon}\n            class=\"h-6 w-6\"\n          ></atomic-icon>\n        </div>\n      </div>\n    </Fragment>\n  );\n};\n","@import '../../../global/global.pcss';\n\n/* This stylesheet can be removed once atomic-refine-modal is migrated to lit.\n\nThe remaining styles can also be removed as they have been moved to the refine-modal/sort.ts functional component*/\n\n/**\n * @prop --atomic-refine-modal-facet-margin: The spacing between the modal's facets.\n */\nselect:hover + div,\nselect:focus-visible + div {\n  @apply text-primary-light;\n}\n","import {\n  BreadcrumbManager,\n  buildBreadcrumbManager,\n  BreadcrumbManagerState,\n  QuerySummary,\n  QuerySummaryState,\n  FacetManagerState,\n  Sort,\n  buildSort,\n  SortState,\n  buildQuerySummary,\n  buildSearchStatus,\n  SearchStatus,\n  FacetManager,\n  buildFacetManager,\n  TabManager,\n  TabManagerState,\n  buildTabManager,\n} from '@coveo/headless';\nimport {Component, h, State, Prop, Element, Watch} from '@stencil/core';\nimport {\n  AtomicInterface,\n  BindStateToController,\n  InitializableComponent,\n  InitializeBindings,\n} from '../../../utils/initialization-utils';\nimport {shouldDisplayOnCurrentTab} from '../../../utils/tab-utils';\nimport {sortByDocumentPosition} from '../../../utils/utils';\nimport {findSection} from '../../common/atomic-layout-section/atomic-layout-section-utils';\nimport {popoverClass} from '../../common/facets/popover/popover-type';\nimport {\n  BaseFacetElement,\n  sortFacetVisibility,\n  triageFacetsByParents,\n  collapseFacetsAfter,\n} from '../../common/facets/stencil-facet-common';\nimport {isRefineModalFacet} from '../../common/interface/store';\nimport {RefineModalBody} from '../../common/refine-modal/stencil-body';\nimport {\n  RefineModalFiltersClearButton,\n  RefineModalFiltersSection,\n} from '../../common/refine-modal/stencil-filters';\nimport {RefineModal} from '../../common/refine-modal/stencil-modal';\nimport {RefineModalSortSection} from '../../common/refine-modal/stencil-sort';\nimport {Bindings} from '../atomic-search-interface/atomic-search-interface';\nimport {SortDropdownOption} from '../atomic-search-interface/store';\n\n/**\n * The `atomic-refine-modal` is automatically created as a child of the `atomic-search-interface` when the `atomic-refine-toggle` is initialized.\n *\n * When the modal is opened, the class `atomic-modal-opened` is added to the interface element and the body, allowing further customization.\n *\n * @part container - The modal's outermost container.\n * @part header-wrapper - The wrapper around the header.\n * @part header - The header of the modal, containing the title.\n * @part title - The title of the modal.\n * @part close-button - The button in the header that closes the modal.\n * @part close-icon - The icon of the close button.\n * @part header-ruler - The horizontal ruler underneath the header.\n * @part body-wrapper - The wrapper around the body.\n * @part body - The body of the modal, between the header and the footer.\n * @part content - The wrapper around the content inside the body of the modal.\n * @part section-title - The title for each section.\n * @part section-sort-title - The title for the sort section.\n * @part section-filters-title - The title for the filters section.\n * @part select-wrapper - The wrapper around the select element, used to position the icon.\n * @part select - The `<select>` element of the dropdown list.\n * @part select-icon-wrapper - The wrapper around the sort icon that's used to align it.\n * @part select-icon - The select dropdown's sort icon.\n * @part filter-section - The section containing facets and the \"filters\" title.\n * @part filter-clear-all - The button that resets all actively selected facet values.\n * @part footer-wrapper - The wrapper with a shadow or background color around the footer.\n * @part footer - The footer of the modal.\n * @part footer-content - The wrapper around the content inside the footer of the modal, containing the button to view results.\n * @part footer-button - The button in the footer that closes the modal.\n * @part footer-button-text - The text inside the button in the footer that closes the modal.\n * @part footer-button-count - The count inside the button in the footer that closes the modal.\n */\n@Component({\n  tag: 'atomic-refine-modal',\n  styleUrl: 'atomic-refine-modal.pcss',\n  shadow: true,\n})\nexport class AtomicRefineModal implements InitializableComponent {\n  private sort!: Sort;\n  private breadcrumbManager!: BreadcrumbManager;\n  public querySummary!: QuerySummary;\n  public searchStatus!: SearchStatus;\n  public facetManager!: FacetManager;\n  @InitializeBindings() public bindings!: Bindings;\n  @Element() public host!: HTMLElement;\n\n  @BindStateToController('querySummary')\n  @State()\n  public querySummaryState!: QuerySummaryState;\n  @BindStateToController('breadcrumbManager')\n  @State()\n  private breadcrumbManagerState!: BreadcrumbManagerState;\n  @BindStateToController('facetManager')\n  @State()\n  public facetManagerState!: FacetManagerState;\n  @State() @BindStateToController('sort') public sortState!: SortState;\n  public tabManager!: TabManager;\n  @BindStateToController('tabManager')\n  @State()\n  public tabManagerState!: TabManagerState;\n  @State() public error!: Error;\n\n  @Prop({mutable: true}) openButton?: HTMLElement;\n\n  @Prop({reflect: true, mutable: true}) isOpen = false;\n\n  /**\n   * The number of expanded facets inside the refine modal.\n   * Remaining facets are automatically collapsed.\n   *\n   * Using the value `0` collapses all facets.\n   */\n  @Prop({reflect: true}) public collapseFacetsAfter = 0;\n\n  @Watch('isOpen')\n  watchEnabled(isOpen: boolean) {\n    if (isOpen) {\n      if (this.host.querySelector('div[slot=\"facets\"]')) {\n        return;\n      }\n\n      this.host.append(this.createFacetSlot());\n    }\n  }\n\n  public initialize() {\n    this.breadcrumbManager = buildBreadcrumbManager(this.bindings.engine);\n    this.sort = buildSort(this.bindings.engine);\n    this.querySummary = buildQuerySummary(this.bindings.engine);\n    this.searchStatus = buildSearchStatus(this.bindings.engine);\n    this.facetManager = buildFacetManager(this.bindings.engine);\n    this.tabManager = buildTabManager(this.bindings.engine);\n    this.watchEnabled(this.isOpen);\n  }\n\n  private createFacetSlot(): HTMLDivElement {\n    const divSlot = document.createElement('div');\n    divSlot.setAttribute('slot', 'facets');\n    this.addFacetColumnStyling(divSlot);\n\n    const facets = this.bindings.store.getFacetElements() as BaseFacetElement[];\n    const boundInterfaces = this.getBoundInterfaces().sort(\n      sortByDocumentPosition\n    );\n    const facetsSection = [];\n    const horizontalFacetsSection = [];\n    for (const boundInterface of boundInterfaces) {\n      const facetSection = findSection(boundInterface, 'facets');\n      if (facetSection) {\n        facetsSection.push(facetSection);\n      }\n      const horizontalFacetSection = findSection(\n        boundInterface,\n        'horizontal-facets'\n      );\n      if (horizontalFacetSection) {\n        horizontalFacetsSection.push(horizontalFacetSection);\n      }\n    }\n    const triagedFacets = triageFacetsByParents(\n      facets,\n      ...horizontalFacetsSection,\n      ...facetsSection\n    );\n    for (const triagedFacet of triagedFacets.values()) {\n      triagedFacet.sort(sortByDocumentPosition);\n    }\n\n    const sortedFacets = [];\n    for (let i = 0; i < boundInterfaces.length; i++) {\n      sortedFacets.push(...(triagedFacets.get(facetsSection[i]) || []));\n      sortedFacets.push(\n        ...(triagedFacets.get(horizontalFacetsSection[i]) || [])\n      );\n    }\n    sortedFacets.push(...(triagedFacets.get(null) || []));\n\n    const {visibleFacets, invisibleFacets} = sortFacetVisibility(\n      sortedFacets,\n      this.bindings.store.getAllFacets()\n    );\n\n    const visibleFacetsClone = this.cloneFacets(visibleFacets);\n    const invisibleFacetsClone = this.cloneFacets(invisibleFacets);\n\n    collapseFacetsAfter(visibleFacetsClone, this.collapseFacetsAfter);\n\n    divSlot.append(...visibleFacetsClone);\n    divSlot.append(...invisibleFacetsClone);\n\n    const generator = this.makeAutomaticFacetGenerator();\n    if (generator) {\n      generator.updateCollapseFacetsDependingOnFacetsVisibility(\n        this.collapseFacetsAfter,\n        visibleFacets.length\n      );\n      divSlot.append(generator);\n    }\n\n    return divSlot;\n  }\n\n  private getBoundInterfaces(): AtomicInterface[] {\n    const mainInterface: AtomicInterface | null =\n      this.host.closest('atomic-search-interface') ??\n      this.host.closest('atomic-external')?.boundInterface ??\n      null;\n    if (!mainInterface) {\n      throw new Error('Cannot find bound interface');\n    }\n    const boundExternalInterfaces = Array.from(\n      document.querySelectorAll('atomic-external')\n    ).filter(\n      (atomicExternal) => atomicExternal.boundInterface === mainInterface\n    );\n    return [...boundExternalInterfaces, mainInterface];\n  }\n\n  private cloneFacets(facets: BaseFacetElement[]): BaseFacetElement[] {\n    return facets.map((facet, i) => {\n      facet.classList.remove(popoverClass);\n      facet.setAttribute(isRefineModalFacet, '');\n      const clone = facet.cloneNode(true) as BaseFacetElement;\n      clone.isCollapsed =\n        this.collapseFacetsAfter === -1\n          ? false\n          : i + 1 > this.collapseFacetsAfter;\n      return clone;\n    });\n  }\n\n  private makeAutomaticFacetGenerator() {\n    if (!this.bindings.engine.state.automaticFacetSet?.desiredCount) {\n      return;\n    }\n    const generator = document.createElement(\n      'atomic-automatic-facet-generator'\n    );\n\n    generator.setAttribute(\n      'desired-count',\n      `${this.bindings.engine.state.automaticFacetSet?.desiredCount}`\n    );\n    this.addFacetColumnStyling(generator);\n\n    return generator;\n  }\n\n  private addFacetColumnStyling(el: HTMLElement) {\n    el.style.display = 'flex';\n    el.style.flexDirection = 'column';\n    el.style.gap = 'var(--atomic-refine-modal-facet-margin, 20px)';\n  }\n\n  private get options() {\n    return this.bindings.store.state.sortOptions;\n  }\n\n  private select(e: Event) {\n    const select = e.composedPath()[0] as HTMLSelectElement;\n    const option = this.options.find(\n      (option) => option.expression === select.value\n    );\n    option && this.sort.sortBy(option.criteria);\n  }\n\n  private buildOption({expression, criteria, label, tabs}: SortDropdownOption) {\n    if (\n      !shouldDisplayOnCurrentTab(\n        [...tabs.included],\n        [...tabs.excluded],\n        this.tabManagerState?.activeTab\n      )\n    ) {\n      return;\n    }\n    return (\n      <option value={expression} selected={this.sort.isSortedBy(criteria)}>\n        {this.bindings.i18n.t(label)}\n      </option>\n    );\n  }\n\n  private renderSort() {\n    if (!this.options.length) {\n      return;\n    }\n\n    return (\n      <RefineModalSortSection\n        i18n={this.bindings.i18n}\n        onSelect={(option) => this.select(option)}\n      >\n        {this.options.map((option) => this.buildOption(option))}\n      </RefineModalSortSection>\n    );\n  }\n\n  private renderFilters() {\n    const hasFacetElements = this.bindings.store.getFacetElements().length > 0;\n    const hasAutomaticFacets =\n      this.bindings.engine.state.automaticFacetSet?.set !== undefined;\n\n    if (!hasFacetElements && !hasAutomaticFacets) {\n      return;\n    }\n\n    const {i18n} = this.bindings;\n\n    return (\n      <RefineModalFiltersSection\n        i18n={i18n}\n        withFacets={hasFacetElements}\n        withAutomaticFacets={hasAutomaticFacets}\n      >\n        {this.breadcrumbManagerState.hasBreadcrumbs && (\n          <RefineModalFiltersClearButton\n            i18n={i18n}\n            onClick={() => this.breadcrumbManager.deselectAll()}\n          />\n        )}\n      </RefineModalFiltersSection>\n    );\n  }\n\n  public render() {\n    return (\n      <RefineModal\n        i18n={this.bindings.i18n}\n        host={this.host}\n        isOpen={this.isOpen}\n        onClose={() => (this.isOpen = false)}\n        title={this.bindings.i18n.t('sort-and-filter')}\n        numberOfItems={this.querySummaryState.total}\n        openButton={this.openButton}\n      >\n        <RefineModalBody>\n          {this.renderSort()}\n          {this.renderFilters()}\n        </RefineModalBody>\n      </RefineModal>\n    );\n  }\n\n  public componentDidLoad() {\n    this.host.style.display = '';\n  }\n}\n"],"version":3}

package/dist/cjs/atomic-refine-toggle.cjs.entry.js

@@ -72,7 +72,7 @@ const AtomicRefineToggle = class {
         this.modalRef && (this.modalRef.isOpen = true);
     }
     render() {
-        return (index.h(RefineToggleGuard, { key: '83730811042478dfaec5eab5fadc9ec63b613721', firstRequestExecuted: this.searchStatusState.firstSearchExecuted, hasError: this.searchStatusState.hasError, hasItems: this.searchStatusState.hasResults }, index.h(RefineToggleButton, { key: '8e9781b72935261a0ab7fc3009bb479ad1f65936', i18n: this.bindings.i18n, onClick: () => this.enableModal(), setRef: (button) => {
+        return (index.h(RefineToggleGuard, { key: '2d4442e2ff0eac7161136b5dc5d3a946dae972b4', firstRequestExecuted: this.searchStatusState.firstSearchExecuted, hasError: this.searchStatusState.hasError, hasItems: this.searchStatusState.hasResults }, index.h(RefineToggleButton, { key: '54293607699e1940900a992f991c484eb43d1b96', i18n: this.bindings.i18n, onClick: () => this.enableModal(), setRef: (button) => {
                 if (!button) {
                     return;
                 }

package/dist/cjs/atomic-result-children-template.cjs.entry.js

@@ -3,15 +3,15 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-757bc886.js');
-const propsUtils = require('./props-utils-1e4ba1b0.js');
-const resultTemplateCommon = require('./result-template-common-88359dad.js');
+const propsUtils = require('./props-utils-15a042f3.js');
+const resultTemplateCommon = require('./result-template-common-bc03b2ad.js');
 require('@coveo/bueno');
-require('./utils-7153ae6b.js');
+require('./utils-12b49e87.js');
 require('./purify-85b542e2.js');
 require('./_commonjsHelpers-b3309d7b.js');
 require('@coveo/headless');
 require('./table-element-utils-4865b735.js');
-require('./sections-fbb93b53.js');
+require('./item-layout-sections-73e27d24.js');
 
 var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;

package/dist/cjs/atomic-result-children.cjs.entry.js

@@ -6,7 +6,7 @@ const index = require('./index-757bc886.js');
 const headless = require('@coveo/headless');
 const eventUtils = require('./event-utils-9bfcf3c5.js');
 const initializationUtils = require('./initialization-utils-92f1b080.js');
-const utils = require('./utils-7153ae6b.js');
+const utils = require('./utils-12b49e87.js');
 const unfoldedItem = require('./unfolded-item-148d21d6.js');
 const showHideButton = require('./show-hide-button-c4717f52.js');
 const itemTemplateProvider = require('./item-template-provider-470c1774.js');
@@ -139,7 +139,7 @@ const AtomicResultChildren = class {
         return (index.h(showHideButton.ChildrenWrapper, { hasChildren: children.length > 0 }, children.map((child, i) => this.renderChild(child, i === children.length - 1))));
     }
     render() {
-        return (index.h(showHideButton.ResultChildrenGuard, { key: '78cc57aacc5e31fe241f290e38a2fe363ca22852', inheritTemplates: this.inheritTemplates, resultTemplateRegistered: this.resultTemplateRegistered, templateHasError: this.templateHasError }, this.collection ? this.renderCollection() : this.renderFoldedResult()));
+        return (index.h(showHideButton.ResultChildrenGuard, { key: '2f38b68fcb83a72db4101044cd74107cc834ac97', inheritTemplates: this.inheritTemplates, resultTemplateRegistered: this.resultTemplateRegistered, templateHasError: this.templateHasError }, this.collection ? this.renderCollection() : this.renderFoldedResult()));
     }
     get host() { return index.getElement(this); }
 };

package/dist/cjs/atomic-result-fields-list.cjs.entry.js

@@ -104,7 +104,7 @@ const AtomicResultFieldsList = class {
         }
     }
     render() {
-        return index.h(index.Host, { key: '8a554da4b25cd72108826703cfc60e26c74a7562' });
+        return index.h(index.Host, { key: 'dd3ddbee78fac8ab084eb346cb0d2d5a020446a3' });
     }
     get host() { return index.getElement(this); }
 };

package/dist/cjs/atomic-result-icon.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-757bc886.js');
 const headless = require('@coveo/headless');
-const utils = require('./utils-7153ae6b.js');
+const utils = require('./utils-12b49e87.js');
 const resultTemplateDecorators = require('./result-template-decorators-432d11a9.js');
 require('./purify-85b542e2.js');
 require('./_commonjsHelpers-b3309d7b.js');