@coveo/atomic 3.35.0-pre.ebf3345026 → 3.35.0-pre.edef92ce19

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@coveo/atomic",
   "type": "module",
-  "version": "3.35.0-pre.ebf3345026",
+  "version": "3.35.0-pre.edef92ce19",
   "description": "A web-component library for building modern UIs interfacing with the Coveo platform",
   "homepage": "https://docs.coveo.com/en/atomic/latest/",
   "repository": {
@@ -61,8 +61,9 @@
     "prod": "npx serve www -l 3333 --no-request-logging",
     "test": "npm run test:stencil && npm run test:lit",
     "test:stencil": "stencil test --spec -- src/utils/initialization-utils.spec.ts",
-    "test:lit": "vitest run",
-    "test:watch": "vitest",
+    "test:lit": "vitest run --project=atomic-default",
+    "test:watch": "vitest --project=atomic-default",
+    "test:storybook": "vitest run --project=storybook",
     "e2e": "cypress run --browser chrome",
     "e2e:firefox": "cypress run --browser firefox",
     "e2e:watch": "cypress open --browser chrome --e2e",
@@ -81,7 +82,7 @@
   },
   "dependencies": {
     "@coveo/bueno": "1.1.3",
-    "@coveo/headless": "3.31.3-pre.ebf3345026",
+    "@coveo/headless": "3.31.3-pre.edef92ce19",
     "@lit/context": "1.1.6",
     "@open-wc/lit-helpers": "0.7.0",
     "@popperjs/core": "2.11.8",
@@ -110,6 +111,7 @@
     "@stencil/react-output-target": "0.5.3",
     "@storybook/addon-a11y": "9.1.2",
     "@storybook/addon-docs": "9.1.2",
+    "@storybook/addon-vitest": "9.1.2",
     "@storybook/icons": "1.4.0",
     "@storybook/web-components-vite": "9.1.2",
     "@tailwindcss/postcss": "4.1.13",
@@ -118,6 +120,7 @@
     "@types/jest": "29.5.14",
     "@types/puppeteer": "7.0.4",
     "@vitest/browser": "3.2.4",
+    "@vitest/coverage-v8": "^3.2.4",
     "@wc-toolkit/storybook-helpers": "9.0.1",
     "axe-core": "4.10.3",
     "cypress": "13.7.3",
@@ -153,7 +156,7 @@
   },
   "peerDependencies": {
     "@coveo/bueno": "1.1.3",
-    "@coveo/headless": "3.31.3-pre.ebf3345026",
+    "@coveo/headless": "3.31.3-pre.edef92ce19",
     "typescript": ">=5.0.0"
   },
   "peerDependenciesMeta": {

package/dist/atomic/components/components/search/atomic-result/atomic-result.js

@@ -1,218 +0,0 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-import { html, LitElement } from 'lit';
-import { customElement, property } from 'lit/decorators.js';
-import { ref } from 'lit/directives/ref.js';
-import { resultComponentClass, } from "../../common/item-list/item-list-common";
-import { CustomRenderController } from "../../common/layout/custom-render-controller";
-import { ItemLayoutController } from "../../common/layout/item-layout-controller";
-import { booleanConverter } from "../../../converters/boolean-converter";
-import { withTailwindStyles } from "../../../decorators/with-tailwind-styles";
-import { ChildrenUpdateCompleteMixin } from "../../../mixins/children-update-complete-mixin";
-import { parentNodeToString } from "../../../utils/dom-utils";
-import styles from './atomic-result.tw.css';
-/**
- * The `atomic-result` component is used internally by the `atomic-result-list` and `atomic-folded-result-list` components.
- */
-let AtomicResult = class AtomicResult extends ChildrenUpdateCompleteMixin(LitElement) {
-    constructor() {
-        super(...arguments);
-        /**
-         * The result link to use when the result is clicked in a grid layout.
-         *
-         * @default - An `atomic-result-link` without any customization.
-         */
-        this.linkContent = new DocumentFragment();
-        /**
-         * How results should be displayed.
-         */
-        this.display = 'list';
-        /**
-         * How large or small results should be.
-         */
-        this.density = 'normal';
-        /**
-         * The size of the visual section in result list items.
-         *
-         * This is overwritten by the image size defined in the result content, if it exists.
-         */
-        this.imageSize = 'icon';
-        /**
-         * The classes to add to the result element.
-         */
-        this.classes = '';
-        this.resolveResult = (event) => {
-            event.preventDefault();
-            event.stopPropagation();
-            event.detail(this.result);
-        };
-        this.resolveInteractiveResult = (event) => {
-            event.preventDefault();
-            event.stopPropagation();
-            if (this.interactiveResult) {
-                event.detail(this.interactiveResult);
-            }
-        };
-        this.resolveStopPropagation = (event) => {
-            event.detail(this.stopPropagation);
-        };
-        this.resolveResultDisplayConfig = (event) => {
-            event.preventDefault();
-            event.stopPropagation();
-            event.detail({
-                density: this.density,
-                imageSize: this.imageSize,
-            });
-        };
-        this.handleClick = (event) => {
-            if (this.stopPropagation) {
-                event.stopPropagation();
-            }
-            if (this.display === 'grid') {
-                this.clickLinkContainer();
-            }
-        };
-        this.clickLinkContainer = () => {
-            this.shadowRoot
-                ?.querySelector('.link-container > atomic-result-link a:not([slot])')
-                ?.click();
-        };
-    }
-    async connectedCallback() {
-        super.connectedCallback();
-        new CustomRenderController(this, {
-            renderingFunction: () => this.renderingFunction,
-            itemData: () => this.result,
-            rootElementRef: () => this.resultRootRef,
-            linkContainerRef: () => this.linkContainerRef,
-            onRenderComplete: (element, output) => {
-                this.itemLayoutController.applyLayoutClassesToElement(element, output);
-            },
-        });
-        this.itemLayoutController = new ItemLayoutController(this, {
-            elementPrefix: 'atomic-result',
-            renderingFunction: () => this.renderingFunction,
-            content: () => this.content,
-            layoutConfig: () => ({
-                display: this.display,
-                density: this.density,
-                imageSize: this.imageSize,
-            }),
-            itemClasses: () => this.classes,
-        });
-        this.addEventListener('atomic/resolveResult', this.resolveResult);
-        this.addEventListener('atomic/resolveInteractiveResult', this.resolveInteractiveResult);
-        this.addEventListener('atomic/resolveStopPropagation', this.resolveStopPropagation);
-        this.addEventListener('atomic/resolveResultDisplayConfig', this.resolveResultDisplayConfig);
-        this.addEventListener('click', this.handleClick);
-        await this.getUpdateComplete();
-        this.classList.add('hydrated');
-    }
-    disconnectedCallback() {
-        super.disconnectedCallback();
-        this.removeEventListener('atomic/resolveResult', this.resolveResult);
-        this.removeEventListener('atomic/resolveInteractiveResult', this.resolveInteractiveResult);
-        this.removeEventListener('atomic/resolveStopPropagation', this.resolveStopPropagation);
-        this.removeEventListener('atomic/resolveResultDisplayConfig', this.resolveResultDisplayConfig);
-        this.removeEventListener('click', this.handleClick);
-    }
-    getContentHTML() {
-        if (!this.content) {
-            console.warn('atomic-result: content property is undefined. Cannot get content HTML.', this);
-            return '';
-        }
-        return parentNodeToString(this.content);
-    }
-    getLinkHTML() {
-        return parentNodeToString(this.linkContent ?? new HTMLElement());
-    }
-    render() {
-        if (this.renderingFunction !== undefined) {
-            return html `
-        <div class=${resultComponentClass}>
-          <div
-            class="result-root"
-            ${ref((el) => {
-                this.resultRootRef = el;
-            })}
-          ></div>
-          <div
-            class="link-container"
-            ${ref((el) => {
-                this.linkContainerRef = el;
-            })}
-          ></div>
-        </div>
-      `;
-        }
-        // Handle case where content is undefined and layout was not created
-        if (!this.itemLayoutController.getLayout()) {
-            return html `<div class=${resultComponentClass}></div>`;
-        }
-        return html `
-      <div class=${resultComponentClass}>
-        <div
-          class="result-root ${this.itemLayoutController.getCombinedClasses().join(' ')}"
-          .innerHTML=${this.getContentHTML()}
-        ></div>
-        <div class="link-container" .innerHTML=${this.getLinkHTML()}></div>
-      </div>
-    `;
-    }
-    firstUpdated(_changedProperties) {
-        if (this.loadingFlag && this.store) {
-            this.store.unsetLoadingFlag(this.loadingFlag);
-        }
-    }
-};
-AtomicResult.styles = styles;
-__decorate([
-    property({
-        attribute: 'stop-propagation',
-        type: Boolean,
-        converter: booleanConverter,
-        reflect: true,
-    })
-], AtomicResult.prototype, "stopPropagation", void 0);
-__decorate([
-    property({ type: Object })
-], AtomicResult.prototype, "result", void 0);
-__decorate([
-    property({ type: Object, attribute: 'interactive-result' })
-], AtomicResult.prototype, "interactiveResult", void 0);
-__decorate([
-    property({ type: Object })
-], AtomicResult.prototype, "store", void 0);
-__decorate([
-    property({ type: Object })
-], AtomicResult.prototype, "content", void 0);
-__decorate([
-    property({ type: Object, attribute: 'link-content' })
-], AtomicResult.prototype, "linkContent", void 0);
-__decorate([
-    property({ reflect: true, type: String })
-], AtomicResult.prototype, "display", void 0);
-__decorate([
-    property({ reflect: true, type: String })
-], AtomicResult.prototype, "density", void 0);
-__decorate([
-    property({ reflect: true, type: String, attribute: 'image-size' })
-], AtomicResult.prototype, "imageSize", void 0);
-__decorate([
-    property({ type: String })
-], AtomicResult.prototype, "classes", void 0);
-__decorate([
-    property({ type: String, attribute: 'loading-flag' })
-], AtomicResult.prototype, "loadingFlag", void 0);
-__decorate([
-    property({ type: Object, attribute: 'rendering-function' })
-], AtomicResult.prototype, "renderingFunction", void 0);
-AtomicResult = __decorate([
-    customElement('atomic-result'),
-    withTailwindStyles
-], AtomicResult);
-export { AtomicResult };

package/dist/atomic/components/components/search/atomic-result/atomic-result.tw.css.js

@@ -1,3 +0,0 @@
-import { css } from 'lit';
-const styles = css`/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */@layer properties;:host{@layer components{:host{font-family:var(--atomic-font-family);--tw-font-weight:var(--atomic-font-normal);font-weight:var(--atomic-font-normal)}.result-root{&.with-sections{display:grid;justify-items:stretch;&.display-list{@media (width >= 1024px){&.image-large,&.image-small{grid-template-rows:repeat(6,auto) minmax(0,1fr)}&.image-icon,&.image-large,&.image-small{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";grid-template-columns:minmax(0,min-content) auto 1fr auto}&.image-icon{grid-template-rows:repeat(7,minmax(0,min-content))}&.image-none{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";grid-template-columns:auto 1fr auto;grid-template-rows:repeat(6,auto)}}}&.display-table{&.image-large,&.image-small{grid-template-rows:repeat(6,auto) minmax(0,1fr)}&.image-icon,&.image-large,&.image-small{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";grid-template-columns:minmax(0,min-content) auto 1fr auto}&.image-icon{grid-template-rows:repeat(7,minmax(0,min-content))}&.image-none{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";grid-template-columns:auto 1fr auto;grid-template-rows:repeat(6,auto)}}&.display-list{@media not all and (width >= 1024px){&.image-large{grid-template-areas:"visual" "badges" "title" "title-metadata" "emphasized" "excerpt" "bottom-metadata" "actions" "children";grid-template-columns:100%;grid-template-rows:repeat(8,auto)}&.image-small{grid-template-areas:"badges          badges" "visual          title" "visual          title-metadata" "visual          emphasized" "visual          ." "excerpt         excerpt" "bottom-metadata bottom-metadata" "actions         actions" "children        children";grid-template-rows:repeat(4,auto) minmax(0,1fr) repeat(3,auto)}&.image-icon,&.image-small{grid-template-columns:auto minmax(0,1fr)}&.image-icon{grid-template-areas:"badges          badges" "visual          title" "visual          title-metadata" "visual          emphasized" "visual          excerpt" "visual          bottom-metadata" "visual          actions" "visual          children";grid-template-rows:repeat(7,auto) 1fr}&.image-none{grid-template-areas:"badges" "title" "title-metadata" "emphasized" "excerpt" "bottom-metadata" "actions" "children";grid-template-columns:100%;grid-template-rows:repeat(7,auto)}}}&.display-grid{grid-template-areas:"badges" "visual" "title" "title-metadata" "emphasized" "excerpt" "children" "bottom-metadata" "actions";grid-template-columns:100%;grid-template-rows:repeat(9,auto);a,button{position:relative}@media not all and (width >= 1024px){&.image-large{&.image-large{grid-template-areas:"visual" "badges" "title" "title-metadata" "emphasized" "excerpt" "bottom-metadata" "actions" "children";grid-template-columns:100%;grid-template-rows:repeat(8,auto)}&.image-small{grid-template-areas:"badges          badges" "visual          title" "visual          title-metadata" "visual          emphasized" "visual          ." "excerpt         excerpt" "bottom-metadata bottom-metadata" "actions         actions" "children        children";grid-template-rows:repeat(4,auto) minmax(0,1fr) repeat(3,auto)}&.image-icon,&.image-small{grid-template-columns:auto minmax(0,1fr)}&.image-icon{grid-template-areas:"badges          badges" "visual          title" "visual          title-metadata" "visual          emphasized" "visual          excerpt" "visual          bottom-metadata" "visual          actions" "visual          children";grid-template-rows:repeat(7,auto) 1fr}&.image-none{grid-template-areas:"badges" "title" "title-metadata" "emphasized" "excerpt" "bottom-metadata" "actions" "children";grid-template-columns:100%;grid-template-rows:repeat(7,auto)}}}}}atomic-table-element{display:none}}.link-container{display:none}}}atomic-result-section-actions,atomic-result-section-badges{text-align:left}atomic-result-section-title-metadata{--font-size:var(--atomic-text-sm);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height)}atomic-result-section-emphasized{font-weight:500;--font-size:var(--atomic-text-2xl);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height);margin-top:.5rem}@property --tw-font-weight{syntax:"*";inherits:false}@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-font-weight:initial}}}`;
-export default styles;

package/dist/atomic/components/components/search/atomic-result-section-actions/atomic-result-section-actions.js

@@ -1,25 +0,0 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-import { css, LitElement } from 'lit';
-import { customElement } from 'lit/decorators.js';
-import { ItemSectionMixin } from "../../../mixins/item-section-mixin";
-/**
- * This section allows the information seeker to perform an action on an item without having to view its details.
- * For example, in Commerce you can add an item to the cart directly or add it to a wish list to view at a later time.
- *
- * Behavior:
- * * Exposes the `--line-height` CSS variable so child elements can adjust to the current line height.
- * ** You should ensure that elements inside of it have `height: var(--line-height)`.
- * * Is a wrapping flexbox with a gap.
- * * May appear over, next to, or beneath the visual section.
- */
-let AtomicResultSectionActions = class AtomicResultSectionActions extends ItemSectionMixin(LitElement, css`/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */atomic-result-section-actions{text-align:left;&.with-sections{overflow:hidden;text-overflow:ellipsis}&.with-sections{display:flex;flex-wrap:wrap;gap:.5rem;grid-area:actions;max-height:calc(var(--row-height, 2rem)*2 + .5rem);--row-height:2rem;atomic-result-quickview{display:inline-block}@media (width >= 1024px){&.display-list{&.density-comfortable{margin-bottom:1.5rem}&.density-compact,&.density-normal{margin-bottom:1rem}}&.display-grid{&.density-comfortable{margin-top:2.25rem;--row-height:2.5rem}&.density-normal{margin-top:1.75rem}&.density-compact,&.density-normal{--font-size:var(--atomic-text-sm);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height)}&.density-compact{margin-top:1.25rem}}}@media not all and (width >= 1024px){&.display-list{--row-height:2.5rem;&.density-comfortable{margin-top:1rem}&.density-normal{margin-top:.75rem}&.density-compact{margin-top:.5em}}&.display-grid{&.image-large{--row-height:2.5rem;&.density-comfortable{margin-top:1rem}&.density-normal{margin-top:.75rem}&.density-compact{margin-top:.5em}}&.image-icon,&.image-none,&.image-small{&.density-comfortable{margin-top:1.25rem}&.density-normal{margin-top:1rem}&.density-compact{margin-top:.75rem}}}}&.display-table{&.density-comfortable{margin-bottom:1.5rem}&.density-compact,&.density-normal{margin-bottom:1rem}}}}`) {
-};
-AtomicResultSectionActions = __decorate([
-    customElement('atomic-result-section-actions')
-], AtomicResultSectionActions);
-export { AtomicResultSectionActions };

package/dist/atomic/components/components/search/atomic-result-section-badges/atomic-result-section-badges.js

@@ -1,24 +0,0 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-import { css, LitElement } from 'lit';
-import { customElement } from 'lit/decorators.js';
-import { ItemSectionMixin } from "../../../mixins/item-section-mixin";
-/**
- * This section provides badges that highlight special features of the item.
- *
- * Behavior:
- * * Exposes the `--line-height` CSS variable so child elements can adjust to the current line height.
- * ** You should ensure that elements inside of it have `height: var(--line-height)`.
- * * Is a wrapping flexbox with a gap.
- * * May appear over, next to, or beneath the visual section.
- */
-let AtomicResultSectionBadges = class AtomicResultSectionBadges extends ItemSectionMixin(LitElement, css`/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */atomic-result-section-badges{text-align:left;&.with-sections{overflow:hidden;text-overflow:ellipsis}&.with-sections{display:flex;flex-wrap:wrap;gap:.5rem;grid-area:badges;margin-bottom:1rem;max-height:calc(var(--row-height, 2rem)*2 + .5rem);--row-height:2rem;@media (width >= 1024px){&.display-list{&.density-comfortable{margin-bottom:1.5rem}}&.display-grid{--font-size:var(--atomic-text-sm);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height);&.image-icon{&.density-comfortable{margin-bottom:2rem}&.density-normal{margin-bottom:1.5rem}}}}@media not all and (width >= 1024px){&.display-list{--font-size:var(--atomic-text-sm);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height)}&.display-grid{&.image-icon,&.image-none,&.image-small{--font-size:var(--atomic-text-sm);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height)}}}&.display-table{&.density-comfortable{margin-bottom:1.5rem}}}}`) {
-};
-AtomicResultSectionBadges = __decorate([
-    customElement('atomic-result-section-badges')
-], AtomicResultSectionBadges);
-export { AtomicResultSectionBadges };

package/dist/atomic/components/components/search/atomic-result-section-bottom-metadata/atomic-result-section-bottom-metadata.js

@@ -1,25 +0,0 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-import { css, LitElement } from 'lit';
-import { customElement } from 'lit/decorators.js';
-import { ItemSectionMixin } from "../../../mixins/item-section-mixin";
-/**
- * This section displays additional descriptive information about the item.
- *
- * Behavior:
- * * Has a maximum height of two lines.
- * ** We recommend that you use `atomic-result-fields-list` to ensure that the fields in this section don’t overflow.
- * * Exposes the `--line-height` variable so child elements can adjust to the current line height.
- * * Has a defined CSS `color` property for text.
- * * Has a font weight.
- */
-let AtomicResultSectionBottomMetadata = class AtomicResultSectionBottomMetadata extends ItemSectionMixin(LitElement, css`/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */atomic-result-section-bottom-metadata{&.with-sections{overflow:hidden;text-overflow:ellipsis}&.with-sections{color:var(--atomic-neutral-dark);grid-area:bottom-metadata;--font-size:var(--atomic-text-sm);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height);@media (width >= 1024px){&.display-list{&.density-comfortable{margin-top:1.25rem;max-height:4rem}&.density-normal{margin-top:.875rem;max-height:3.5rem}&.density-compact{margin-top:.6875rem;max-height:3.25rem}}&.display-grid{&.density-comfortable{margin-top:1.75rem;max-height:4rem}&.density-normal{margin-top:1.375rem;max-height:3.5rem}&.density-compact{margin-top:.9375rem;max-height:3.25rem}}}@media not all and (width >= 1024px){&.display-list{&.density-comfortable{margin-top:.75rem;max-height:4rem}&.density-normal{margin-top:.625rem;max-height:3.5rem}&.density-compact{margin-top:.4375rem;max-height:3.25rem}}&.display-grid{&.image-large{&.density-comfortable{margin-top:.75rem;max-height:4rem}&.density-normal{margin-top:.625rem;max-height:3.5rem}&.density-compact{margin-top:.4375rem;max-height:3.25rem}}&.image-icon,&.image-none,&.image-small{max-height:3rem;&.density-comfortable{margin-top:1rem}&.density-normal{margin-top:.75rem}&.density-compact{margin-top:.5rem}}}}&.display-table{&.density-comfortable{margin-top:1.25rem;max-height:4rem}&.density-normal{margin-top:.875rem;max-height:3.5rem}&.density-compact{margin-top:.6875rem;max-height:3.25rem}}}}`) {
-};
-AtomicResultSectionBottomMetadata = __decorate([
-    customElement('atomic-result-section-bottom-metadata')
-], AtomicResultSectionBottomMetadata);
-export { AtomicResultSectionBottomMetadata };

package/dist/atomic/components/components/search/atomic-result-section-children/atomic-result-section-children.js

@@ -1,21 +0,0 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-import { css, LitElement } from 'lit';
-import { customElement } from 'lit/decorators.js';
-import { ItemSectionMixin } from "../../../mixins/item-section-mixin";
-/**
- * This section displays the folded results, available when using the <atomic-result-children> component.
- *
- * Behavior:
- * * Shows children at the bottom of the result, indented and wrapped in a border.
- */
-let AtomicResultSectionChildren = class AtomicResultSectionChildren extends ItemSectionMixin(LitElement, css`/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */@layer properties;atomic-result-section-children{&.with-sections{grid-area:children;@media (width >= 1024px){&.display-list{atomic-insight-result-children::part(children-root),atomic-result-children::part(children-root){border-color:var(--atomic-neutral);border-radius:16px;border-style:var(--tw-border-style);border-width:1px}&.density-comfortable{atomic-insight-result-children,atomic-result-children{&::part(children-root){border-color:var(--atomic-neutral);border-radius:16px;border-style:var(--tw-border-style);border-width:1px;margin-top:1.25rem;padding:1.75rem}&::part(show-hide-button){margin-bottom:1.25rem;margin-top:1.25rem}}&.child-result:not(.last-child),.placeholder{margin-bottom:1.75rem}}&.density-normal{margin-top:1rem;atomic-insight-result-children,atomic-result-children{&::part(children-root){border-color:var(--atomic-neutral);border-radius:16px;border-style:var(--tw-border-style);border-width:1px;margin-top:.875rem;padding:1.5rem}&::part(show-hide-button){margin-bottom:.875rem;margin-top:.875rem}}&.child-result:not(.last-child),.placeholder{margin-bottom:1.5rem}}&.density-compact{margin-top:.75rem;atomic-insight-result-children,atomic-result-children{&::part(children-root){border-color:var(--atomic-neutral);border-radius:16px;border-style:var(--tw-border-style);border-width:1px;margin-top:.475rem;padding:1rem}&::part(show-hide-button){margin-bottom:.475rem;margin-top:.475rem}}&.child-result:not(.last-child),.placeholder{margin-bottom:1rem}}}}@media not all and (width >= 1024px){&.display-list{atomic-insight-result-children::part(children-root),atomic-result-children::part(children-root){border-top:1px var(--tw-border-style) var(--atomic-neutral)}}&.display-grid{&.image-large{atomic-insight-result-children::part(children-root),atomic-result-children::part(children-root){border-top:1px var(--tw-border-style) var(--atomic-neutral)}}&.image-icon,&.image-none,&.image-small{&.density-comfortable{margin-top:1.25rem;atomic-insight-result-children,atomic-result-children{&::part(children-root){margin-inline:calc(var(--spacing, .25rem)*-4);margin-top:calc(var(--spacing, .25rem)*4);padding-top:1.75rem;padding-inline:calc(var(--spacing, .25rem)*4)}&::part(show-hide-button){margin-bottom:1.25rem;margin-top:1.25rem}}&.child-result:not(.last-child),.placeholder{margin-bottom:1.75rem}}&.density-normal{margin-top:1rem;atomic-insight-result-children,atomic-result-children{&::part(children-root){margin-inline:calc(var(--spacing, .25rem)*-4);margin-top:calc(var(--spacing, .25rem)*4);padding-top:1.5rem;padding-inline:calc(var(--spacing, .25rem)*4)}&::part(show-hide-button){margin-bottom:.875rem;margin-top:.875rem}}&.child-result:not(.last-child),.placeholder{margin-bottom:1.5rem}}&.density-compact{margin-top:.75rem;atomic-insight-result-children,atomic-result-children{&::part(children-root){margin-inline:calc(var(--spacing, .25rem)*-4);margin-top:calc(var(--spacing, .25rem)*4);padding-top:1rem;padding-inline:calc(var(--spacing, .25rem)*4)}&::part(show-hide-button){margin-bottom:.475rem;margin-top:.475rem}}&.child-result:not(.last-child),.placeholder{margin-bottom:1rem}}}}}&.display-table{atomic-insight-result-children::part(children-root),atomic-result-children::part(children-root){border-color:var(--atomic-neutral);border-radius:16px;border-style:var(--tw-border-style);border-width:1px}&.density-comfortable{atomic-insight-result-children,atomic-result-children{&::part(children-root){border-color:var(--atomic-neutral);border-radius:16px;border-style:var(--tw-border-style);border-width:1px;margin-top:1.25rem;padding:1.75rem}&::part(show-hide-button){margin-bottom:1.25rem;margin-top:1.25rem}}&.child-result:not(.last-child),.placeholder{margin-bottom:1.75rem}}&.density-normal{margin-top:1rem;atomic-insight-result-children,atomic-result-children{&::part(children-root){border-color:var(--atomic-neutral);border-radius:16px;border-style:var(--tw-border-style);border-width:1px;margin-top:.875rem;padding:1.5rem}&::part(show-hide-button){margin-bottom:.875rem;margin-top:.875rem}}&.child-result:not(.last-child),.placeholder{margin-bottom:1.5rem}}&.density-compact{margin-top:.75rem;atomic-insight-result-children,atomic-result-children{&::part(children-root){border-color:var(--atomic-neutral);border-radius:16px;border-style:var(--tw-border-style);border-width:1px;margin-top:.475rem;padding:1rem}&::part(show-hide-button){margin-bottom:.475rem;margin-top:.475rem}}&.child-result:not(.last-child),.placeholder{margin-bottom:1rem}}}}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-border-style:solid}}}`) {
-};
-AtomicResultSectionChildren = __decorate([
-    customElement('atomic-result-section-children')
-], AtomicResultSectionChildren);
-export { AtomicResultSectionChildren };

package/dist/atomic/components/components/search/atomic-result-section-emphasized/atomic-result-section-emphasized.js

@@ -1,23 +0,0 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-import { css, LitElement } from 'lit';
-import { customElement } from 'lit/decorators.js';
-import { ItemSectionMixin } from "../../../mixins/item-section-mixin";
-/**
- * This section displays the field that's important for its search criteria.
- * For example, in Commerce, a product's cost is often more important than the title itself.
- *
- * Behavior:
- * * Has a very large font size.
- * * Is the second closest element beneath the title section.
- */
-let AtomicResultSectionEmphasized = class AtomicResultSectionEmphasized extends ItemSectionMixin(LitElement, css`/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */atomic-result-section-emphasized{font-weight:500;--font-size:var(--atomic-text-2xl);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height);margin-top:.5rem;&.with-sections{grid-area:emphasized;overflow:hidden;text-overflow:ellipsis}}`) {
-};
-AtomicResultSectionEmphasized = __decorate([
-    customElement('atomic-result-section-emphasized')
-], AtomicResultSectionEmphasized);
-export { AtomicResultSectionEmphasized };

package/dist/atomic/components/components/search/atomic-result-section-excerpt/atomic-result-section-excerpt.js

@@ -1,24 +0,0 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-import { css, LitElement } from 'lit';
-import { customElement } from 'lit/decorators.js';
-import { ItemSectionMixin } from "../../../mixins/item-section-mixin";
-/**
- * This section contains an informative summary of the item's content.
- *
- * Behavior:
- * * Has a fixed height of one to three lines, depending on the layout and density.
- * * Ellipses overflowing text.
- * * Exposes the `--line-height` CSS variable so child elements can adjust to the current line height.
- * * Has a defined CSS `color` property for text.
- */
-let AtomicResultSectionExcerpt = class AtomicResultSectionExcerpt extends ItemSectionMixin(LitElement, css`/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */atomic-result-section-excerpt{&.with-sections{text-overflow:ellipsis}&.with-sections{color:var(--atomic-neutral-dark);display:-webkit-box;grid-area:excerpt;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;@media (width >= 1024px){&.density-comfortable{--font-size:var(--atomic-text-lg);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height);-webkit-line-clamp:3}&.density-comfortable,&.density-compact{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical}&.density-compact{-webkit-line-clamp:1}&.display-list{&.density-comfortable{margin-top:1.75rem;max-height:4.5rem}&.density-normal{margin-top:1.25rem;max-height:2.5rem}&.density-compact{margin-top:1rem;max-height:1.25rem}}&.display-grid{&.density-comfortable{margin-top:2.25rem}&.density-normal{margin-top:1.75rem}&.density-compact{margin-top:1.25rem}}}@media not all and (width >= 1024px){&.display-list{&.density-comfortable,&.density-normal{max-height:2.5rem}&.density-comfortable{margin-top:1.25rem}&.density-normal{margin-top:1rem}}&.display-grid{&.image-large{&.density-comfortable,&.density-normal{max-height:2.5rem}&.density-comfortable{margin-top:1.25rem}&.density-normal{margin-top:1rem}}&.image-icon,&.image-none,&.image-small{&.density-comfortable{margin-top:1.25rem}&.density-normal{margin-top:1rem}&.density-compact{display:-webkit-box;margin-top:.75rem;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:1}}}}&.display-table{&.density-comfortable{margin-top:1.75rem;max-height:4.5rem}&.density-normal{margin-top:1.25rem;max-height:2.5rem}&.density-compact{margin-top:1rem;max-height:1.25rem}}}}`) {
-};
-AtomicResultSectionExcerpt = __decorate([
-    customElement('atomic-result-section-excerpt')
-], AtomicResultSectionExcerpt);
-export { AtomicResultSectionExcerpt };

package/dist/atomic/components/components/search/atomic-result-section-title/atomic-result-section-title.js

@@ -1,24 +0,0 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-import { css, LitElement } from 'lit';
-import { customElement } from 'lit/decorators.js';
-import { ItemSectionMixin } from "../../../mixins/item-section-mixin";
-/**
- * This section identifies the item by its name, and its main use is to make the result list scannable.
- * This is usually the page title.
- *
- * Behavior:
- * * Has a fixed height of two lines on grid layouts.
- * * Exposes the `--line-height` CSS variable so child elements can adjust to the current line height.
- * * Has a defined CSS `color` property for text.
- */
-let AtomicResultSectionTitle = class AtomicResultSectionTitle extends ItemSectionMixin(LitElement, css`/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */atomic-result-section-title{&.with-sections{overflow:hidden;text-overflow:ellipsis}&.with-sections{color:var(--atomic-on-background);grid-area:title;--font-size:var(--atomic-text-xl);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height);&.density-comfortable{--font-size:var(--atomic-text-2xl);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height)}@media (width >= 1024px){&.display-grid{display:-webkit-box;overflow:hidden;word-break:break-word;-webkit-box-orient:vertical;-webkit-line-clamp:2}}@media not all and (width >= 1024px){&.display-list{--font-size:var(--atomic-text-xl);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height)}&.display-grid{&.image-large{--font-size:var(--atomic-text-xl);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio))}&.image-icon,&.image-large,&.image-none,&.image-small{font-size:var(--font-size);line-height:var(--line-height)}&.image-icon,&.image-none,&.image-small{--font-size:var(--atomic-text-lg);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));display:-webkit-box;max-height:3rem;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}}}}}`) {
-};
-AtomicResultSectionTitle = __decorate([
-    customElement('atomic-result-section-title')
-], AtomicResultSectionTitle);
-export { AtomicResultSectionTitle };

package/dist/atomic/components/components/search/atomic-result-section-title-metadata/atomic-result-section-title-metadata.js

@@ -1,24 +0,0 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-import { css, LitElement } from 'lit';
-import { customElement } from 'lit/decorators.js';
-import { ItemSectionMixin } from "../../../mixins/item-section-mixin";
-/**
- * This section surfaces some fields that are directly related to the title of the item.
- * For example, in Commerce, this could be the item's rating, which is tied to the nature of the product itself,
- * rather than to the product's description.
- *
- * Behavior:
- * * Has a very small font size.
- * * Is the closest element beneath the title section.
- */
-let AtomicResultSectionTitleMetadata = class AtomicResultSectionTitleMetadata extends ItemSectionMixin(LitElement, css`/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */atomic-result-section-title-metadata{--font-size:var(--atomic-text-sm);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height);&.with-sections{grid-area:title-metadata;margin-top:.475rem;overflow:hidden;text-overflow:ellipsis}}`) {
-};
-AtomicResultSectionTitleMetadata = __decorate([
-    customElement('atomic-result-section-title-metadata')
-], AtomicResultSectionTitleMetadata);
-export { AtomicResultSectionTitleMetadata };

package/dist/atomic/components/components/search/atomic-result-section-visual/atomic-result-section-visual.js

@@ -1,29 +0,0 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-import { css, LitElement } from 'lit';
-import { customElement, property } from 'lit/decorators.js';
-import { ItemSectionMixin } from "../../../mixins/item-section-mixin";
-/**
- * This section provides visual information about the item.
- * For example, in Commerce, an image is a great shorthand for a result category.
- * An icon can quickly show the item type, or an avatar can help identify to whom it is related.
- *
- * Behavior:
- * * Has a fixed size that depends on the specified image size, the layout, the density, and the screen size.
- * ** When the image size is set to `icon`, this section stays very small.
- * ** You should ensure that elements inside of it take the available space.
- * * Always has a 1:1 aspect ratio.
- */
-let AtomicResultSectionVisual = class AtomicResultSectionVisual extends ItemSectionMixin(LitElement, css`/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */atomic-result-section-visual{&.with-sections{overflow:hidden;text-overflow:ellipsis}&.with-sections{grid-area:visual;&.image-icon{border-radius:var(--atomic-border-radius);height:2rem;width:2rem}&.image-none{display:none}@media (width >= 1024px){&.display-list{margin-right:1rem;&.density-comfortable{margin-right:1.5rem}&.image-large{&.density-compact{height:10rem;width:10rem}&.density-comfortable,&.density-normal{height:20.375rem;width:20.375rem}}&.image-small{height:10rem;width:10rem}}&.display-grid{margin-bottom:.5rem;&.image-large,&.image-small{width:100%;&.density-comfortable{margin:0 auto 2rem}&.density-normal{margin:0 auto 1.5rem}&.density-compact{margin:0 auto 1rem}}&.image-large{aspect-ratio:1/1;height:auto;@supports not (aspect-ratio:1/1){height:19.75rem}}&.image-small{aspect-ratio:1/1;height:auto;@supports not (aspect-ratio:1/1){height:14rem}}}}@media not all and (width >= 1024px){&.display-list{margin-right:1rem;&.image-large{aspect-ratio:1/1;height:auto;@supports not (aspect-ratio:1/1){height:7.25rem}margin-bottom:1rem;margin-right:0;width:100%}&.image-small{height:24vw;margin-bottom:1rem;width:24vw}&.image-icon{margin-bottom:0}}&.display-grid{&.image-large{margin-right:1rem;&.image-large{aspect-ratio:1/1;height:auto;@supports not (aspect-ratio:1/1){height:7.25rem}margin-bottom:1rem;margin-right:0;width:100%}&.image-small{height:24vw;margin-bottom:1rem;width:24vw}&.image-icon{margin-bottom:0}}&.image-icon,&.image-none,&.image-small{&.image-large,&.image-small{width:100%;&.density-comfortable{margin-bottom:1rem}&.density-normal{margin-bottom:.75rem}&.density-compact{margin-bottom:.5rem}}&.image-small{aspect-ratio:1/1;height:auto;@supports not (aspect-ratio:1/1){height:9rem}height:10.25rem;width:10.25rem}}}}&.display-table{margin-right:1rem;&.density-comfortable{margin-right:1.5rem}&.image-large{&.density-compact{height:10rem;width:10rem}&.density-comfortable,&.density-normal{height:20.375rem;width:20.375rem}}&.image-small{height:10rem;width:10rem}}}}`) {
-};
-__decorate([
-    property({ reflect: true, attribute: 'image-size', type: Object })
-], AtomicResultSectionVisual.prototype, "imageSize", void 0);
-AtomicResultSectionVisual = __decorate([
-    customElement('atomic-result-section-visual')
-], AtomicResultSectionVisual);
-export { AtomicResultSectionVisual };

package/dist/atomic/components/components/search/result-template-component-utils/context/result-context-controller.js

@@ -1,14 +0,0 @@
-import { ItemContextController, } from "../../../common/item-list/context/item-context-controller";
-/**
- * Creates a [Lit reactive controller](https://lit.dev/docs/composition/controllers/) for managing result context in result template components.
- *
- * @param host - The Lit component instance
- * @param options - Configuration options
- * @returns ItemContextController instance configured for atomic-result
- */
-export function createResultContextController(host, options = {}) {
-    return new ItemContextController(host, {
-        parentName: 'atomic-result',
-        folded: options.folded ?? false,
-    });
-}