@coveo/atomic 3.53.3 → 3.55.1

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

@@ -1,190 +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 { Schema, StringValue } from '@coveo/bueno';
-import { css, html, LitElement, nothing } from 'lit';
-import { customElement, property, state } from 'lit/decorators.js';
-import { createRef, ref } from 'lit/directives/ref.js';
-import { unsafeHTML } from 'lit/directives/unsafe-html.js';
-import { CustomRenderController } from "../../common/layout/custom-render-controller";
-import { ItemLayoutController } from "../../common/layout/item-layout-controller";
-import { ValidatePropsController } from "../../common/validate-props-controller/validate-props-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";
-/**
- * The `atomic-insight-result` component is used internally by the `atomic-insight-result-list` component.
- */
-let AtomicInsightResult = class AtomicInsightResult extends ChildrenUpdateCompleteMixin(LitElement) {
-    constructor() {
-        super();
-        this.resultRootRef = createRef();
-        /**
-         * How large or small results should be.
-         */
-        this.density = 'normal';
-        /**
-         * The size of the image 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,
-            });
-        };
-        new ValidatePropsController(this, () => ({
-            density: this.density,
-            imageSize: this.imageSize,
-        }), new Schema({
-            density: new StringValue({
-                constrainTo: ['normal', 'comfortable', 'compact'],
-            }),
-            imageSize: new StringValue({
-                constrainTo: ['small', 'large', 'icon', 'none'],
-            }),
-        }));
-    }
-    async connectedCallback() {
-        super.connectedCallback();
-        new CustomRenderController(this, {
-            renderingFunction: () => this.renderingFunction,
-            itemData: () => this.result,
-            rootElementRef: () => this.resultRootRef.value,
-            onRenderComplete: (element, output) => {
-                this.itemLayoutController.applyLayoutClassesToElement(element, output);
-            },
-        });
-        this.itemLayoutController = new ItemLayoutController(this, {
-            elementPrefix: 'atomic-insight-result',
-            renderingFunction: () => this.renderingFunction,
-            content: () => this.content,
-            layoutConfig: () => ({
-                display: 'list',
-                density: this.density,
-                imageSize: this.imageSize,
-            }),
-            itemClasses: () => this.classes,
-            classesOnly: true,
-        });
-        this.addEventListener('atomic/resolveResult', this.resolveResult);
-        this.addEventListener('atomic/resolveInteractiveResult', this.resolveInteractiveResult);
-        this.addEventListener('atomic/resolveStopPropagation', this.resolveStopPropagation);
-        this.addEventListener('atomic/resolveResultDisplayConfig', this.resolveResultDisplayConfig);
-        await this.getUpdateComplete();
-        this.classList.add('hydrated');
-        this.classList.add('result-component');
-    }
-    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);
-    }
-    getContentHTML() {
-        if (!this.content) {
-            console.warn('atomic-insight-result: content property is undefined. Cannot get content HTML.', this);
-            return '';
-        }
-        return parentNodeToString(this.content);
-    }
-    render() {
-        if (this.renderingFunction !== undefined) {
-            return html `
-          <div
-            class="result-root"
-            ${ref(this.resultRootRef)}
-          ></div>
-      `;
-        }
-        // Handle case where content is undefined and layout was not created
-        if (!this.itemLayoutController.getLayout()) {
-            return nothing;
-        }
-        return html `
-        <div
-          class="result-root ${this.itemLayoutController
-            .getCombinedClasses()
-            .join(' ')}"
-        >
-          ${unsafeHTML(this.getContentHTML())}
-        </div>
-    `;
-    }
-    firstUpdated(_changedProperties) {
-        if (this.loadingFlag && this.store) {
-            this.store.unsetLoadingFlag(this.loadingFlag);
-        }
-    }
-};
-AtomicInsightResult.styles = css`/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */@layer properties;atomic-result-section-badges{text-align:left}atomic-result-section-actions{text-align:right}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}:host{@layer components{:host{font-family:var(--atomic-font-family);--tw-font-weight:var(--atomic-font-normal);font-weight:var(--atomic-font-normal)}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}.result-root{&.with-sections{display:grid;justify-items:stretch;atomic-result-section-visual{grid-area:visual}atomic-result-section-badges{grid-area:badges}atomic-result-section-actions{grid-area:actions;atomic-result-quickview{display:inline-block}}atomic-result-section-title{color:var(--atomic-on-background);grid-area:title}atomic-result-section-title-metadata{grid-area:title-metadata}atomic-result-section-emphasized{grid-area:emphasized}atomic-result-section-excerpt{color:var(--atomic-neutral-dark);grid-area:excerpt}atomic-result-section-bottom-metadata{color:var(--atomic-neutral-dark);grid-area:bottom-metadata}atomic-result-section-children{grid-area:children}atomic-result-section-actions,atomic-result-section-badges{display:flex;flex-wrap:wrap;gap:.5rem;max-height:calc(var(--row-height, 2rem)*2 + .5rem)}atomic-result-section-actions,atomic-result-section-badges,atomic-result-section-bottom-metadata,atomic-result-section-emphasized,atomic-result-section-excerpt,atomic-result-section-title,atomic-result-section-title-metadata,atomic-result-section-visual{overflow:hidden;text-overflow:ellipsis}&.image-icon{atomic-result-section-visual{border-radius:var(--atomic-border-radius)}}&.display-list{@media (width >= 1024px){&.image-large.density-compact{atomic-result-section-visual{height:10.25rem;width:10.25rem}}atomic-result-section-children{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-result-section-visual{margin-right:1.5rem}atomic-result-section-actions,atomic-result-section-badges{margin-bottom:1.5rem;--row-height:2rem}atomic-result-section-title{--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)}atomic-result-section-excerpt{margin-top:1.75rem;--font-size:var(--atomic-text-lg);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));display:-webkit-box;line-height:var(--line-height);max-height:4.5rem;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3}atomic-result-section-bottom-metadata{margin-top:1.25rem;--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);max-height:4rem}atomic-result-section-title-metadata{margin-top:.475rem}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}}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{atomic-result-section-visual{margin-right:1rem}atomic-result-section-actions,atomic-result-section-badges{margin-bottom:1rem;--row-height:2rem}atomic-result-section-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)}atomic-result-section-excerpt{margin-top:1.25rem;--font-size:var(--atomic-text-base);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));display:-webkit-box;line-height:var(--line-height);max-height:2.5rem;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}atomic-result-section-bottom-metadata{margin-top:.875rem;--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);max-height:3.5rem}atomic-result-section-title-metadata{margin-top:.475rem}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}}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{atomic-result-section-visual{margin-right:1rem}atomic-result-section-actions,atomic-result-section-badges{margin-bottom:1rem;--row-height:2rem}atomic-result-section-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)}atomic-result-section-excerpt{margin-top:1rem;--font-size:var(--atomic-text-base);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));display:-webkit-box;line-height:var(--line-height);max-height:1.25rem;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:1}atomic-result-section-bottom-metadata{margin-top:.6875rem;--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);max-height:3.25rem}atomic-result-section-title-metadata{margin-top:.475rem}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}}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}}&.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;grid-template-rows:repeat(6,auto) minmax(0,1fr)}&.image-large.density-comfortable,&.image-large.density-normal{atomic-result-section-visual{height:20.375rem;width:20.375rem}}&.image-large.density-compact,&.image-small{atomic-result-section-visual{height:10rem;width:10rem}}&.image-icon{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;grid-template-rows:repeat(7,minmax(0,min-content));atomic-result-section-visual{height:2rem;width:2rem}}&.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);atomic-result-section-visual{display:none}}}@media not all and (width >= 1024px){atomic-result-section-children{atomic-insight-result-children::part(children-root),atomic-result-children::part(children-root){border-top:1px var(--tw-border-style) var(--atomic-neutral)}}&.density-comfortable{atomic-result-section-visual{margin-right:1rem}atomic-result-section-badges{margin-bottom:1rem;--row-height:2rem}atomic-result-section-actions{margin-top:1rem;--row-height:2.5rem}atomic-result-section-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)}atomic-result-section-excerpt{margin-top:1.25rem;--font-size:var(--atomic-text-base);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));display:-webkit-box;line-height:var(--line-height);max-height:2.5rem;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}atomic-result-section-bottom-metadata{margin-top:.75rem;--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);max-height:4rem}atomic-result-section-title-metadata{margin-top:.475rem}atomic-insight-result-children,atomic-result-children{&::part(children-root){margin-inline:-1rem;margin-top:1rem;padding-top:1.75rem;padding-inline:1rem}&::part(show-hide-button){margin-bottom:1.25rem;margin-top:1.25rem}}atomic-insight-result-children,atomic-result-children{&::part(children-root){margin-inline:-1rem;margin-top:1rem;padding-top:1.75rem;padding-inline:1rem}&::part(show-hide-button){margin-bottom:1.25rem;margin-top:1.25rem}}&.child-result:not(.last-child),.placeholder{margin-bottom:1.75rem}}&.density-normal{atomic-result-section-visual{margin-right:1rem}atomic-result-section-badges{margin-bottom:1rem;--row-height:2rem}atomic-result-section-actions{margin-top:.75rem;--row-height:2.5rem}atomic-result-section-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)}atomic-result-section-excerpt{margin-top:1rem;--font-size:var(--atomic-text-base);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));display:-webkit-box;line-height:var(--line-height);max-height:2.5rem;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}atomic-result-section-bottom-metadata{margin-top:.625rem;--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);max-height:3.5rem}atomic-result-section-title-metadata{margin-top:.475rem}atomic-insight-result-children,atomic-result-children{&::part(children-root){margin-inline:-1rem;margin-top:1rem;padding-top:1.5rem;padding-inline:1rem}&::part(show-hide-button){margin-bottom:.875rem;margin-top:.875rem}}atomic-insight-result-children,atomic-result-children{&::part(children-root){margin-inline:-1rem;margin-top:1rem;padding-top:1.5rem;padding-inline:1rem}&::part(show-hide-button){margin-bottom:.875rem;margin-top:.875rem}}&.child-result:not(.last-child),.placeholder{margin-bottom:1.5rem}}&.density-compact{atomic-result-section-visual{margin-right:1rem}atomic-result-section-badges{margin-bottom:1rem;--row-height:2rem}atomic-result-section-actions{margin-top:.5em;--row-height:2.5rem}atomic-result-section-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)}atomic-result-section-excerpt{margin-top:.75rem;--font-size:var(--atomic-text-base);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));display:-webkit-box;line-height:var(--line-height);max-height:1.25rem;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:1}atomic-result-section-bottom-metadata{margin-top:.4375rem;--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);max-height:3.25rem}atomic-result-section-title-metadata{margin-top:.475rem}atomic-insight-result-children,atomic-result-children{&::part(children-root){margin-inline:-1rem;margin-top:1rem;padding-top:1rem;padding-inline:1rem}&::part(show-hide-button){margin-bottom:.475rem;margin-top:.475rem}}atomic-insight-result-children,atomic-result-children{&::part(children-root){margin-inline:-1rem;margin-top:1rem;padding-top:1rem;padding-inline:1rem}&::part(show-hide-button){margin-bottom:.475rem;margin-top:.475rem}}&.child-result:not(.last-child),.placeholder{margin-bottom:1rem}}&.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);atomic-result-section-visual{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{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-columns:auto minmax(0,1fr);grid-template-rows:repeat(4,auto) minmax(0,1fr) repeat(3,auto);atomic-result-section-visual{height:24vw;margin-bottom:1rem;width:24vw}}&.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-columns:auto minmax(0,1fr);grid-template-rows:repeat(7,auto) 1fr;atomic-result-section-visual{height:2rem;margin-bottom:0;width:2rem}}&.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-result-section-visual{display:none}}}}&.display-grid{a,button{position:relative}&.image-large{@media (width >= 1024px){grid-template-areas:"badges" "visual" "title" "title-metadata" "emphasized" "excerpt" "children" "bottom-metadata" "actions";grid-template-columns:100%;grid-template-rows:repeat(9,auto);&.density-comfortable{&.image-large,&.image-small{atomic-result-section-visual{margin:0 auto 2rem}}&.image-icon{atomic-result-section-badges{margin-bottom:2rem}atomic-result-section-visual{height:2rem;width:2rem}}atomic-result-section-visual{margin-bottom:.5rem}atomic-result-section-badges{--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);margin-bottom:1rem;--row-height:2rem}atomic-result-section-actions{--font-size:var(--atomic-text-base);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height);margin-top:2.25rem;--row-height:2.5rem}atomic-result-section-title{--font-size:var(--atomic-text-2xl);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));display:-webkit-box;line-height:var(--line-height);overflow:hidden;word-break:break-word;-webkit-box-orient:vertical;-webkit-line-clamp:2}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);margin-top:.475rem}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)}atomic-result-section-excerpt{--font-size:var(--atomic-text-lg);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));display:-webkit-box;line-height:var(--line-height);margin-top:2.25rem;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3}atomic-result-section-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);margin-top:1.75rem;max-height:4rem}}&.density-normal{&.image-large,&.image-small{atomic-result-section-visual{margin:0 auto 1.5rem}}&.image-icon{atomic-result-section-badges{margin-bottom:1.5rem}atomic-result-section-visual{height:2rem;width:2rem}}atomic-result-section-visual{margin-bottom:.5rem}atomic-result-section-badges{margin-bottom:1rem}atomic-result-section-actions,atomic-result-section-badges{--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);--row-height:2rem}atomic-result-section-actions{margin-top:1.75rem}atomic-result-section-title{--font-size:var(--atomic-text-xl);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));display:-webkit-box;line-height:var(--line-height);overflow:hidden;word-break:break-word;-webkit-box-orient:vertical;-webkit-line-clamp:2}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);margin-top:.475rem}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)}atomic-result-section-excerpt{--font-size:var(--atomic-text-base);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));display:-webkit-box;line-height:var(--line-height);margin-top:1.75rem;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}atomic-result-section-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);margin-top:1.375rem;max-height:3.5rem}}&.density-compact{&.image-large,&.image-small{atomic-result-section-visual{margin:0 auto 1rem}}&.image-icon{atomic-result-section-badges{margin-bottom:1rem}atomic-result-section-visual{height:2rem;width:2rem}}atomic-result-section-visual{margin-bottom:.5rem}atomic-result-section-badges{margin-bottom:1rem}atomic-result-section-actions,atomic-result-section-badges{--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);--row-height:2rem}atomic-result-section-actions{margin-top:1.25rem}atomic-result-section-title{--font-size:var(--atomic-text-xl);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));display:-webkit-box;line-height:var(--line-height);overflow:hidden;word-break:break-word;-webkit-box-orient:vertical;-webkit-line-clamp:2}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);margin-top:.475rem}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)}atomic-result-section-excerpt{--font-size:var(--atomic-text-base);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));display:-webkit-box;line-height:var(--line-height);margin-top:1.25rem;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:1}atomic-result-section-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);margin-top:.9375rem;max-height:3.25rem}}&.image-large{atomic-result-section-visual{aspect-ratio:1/1;height:auto;@supports not (aspect-ratio:1/1){height:19.75rem}width:100%}atomic-result-section-badges{margin-bottom:1rem}}&.image-small{atomic-result-section-visual{aspect-ratio:1/1;height:auto;@supports not (aspect-ratio:1/1){height:14rem}width:100%}}&.image-none{atomic-result-section-visual{display:none}}}@media not all and (width >= 1024px){atomic-result-section-children{atomic-insight-result-children::part(children-root),atomic-result-children::part(children-root){border-top:1px var(--tw-border-style) var(--atomic-neutral)}}&.density-comfortable{atomic-result-section-visual{margin-right:1rem}atomic-result-section-badges{margin-bottom:1rem;--row-height:2rem}atomic-result-section-actions{margin-top:1rem;--row-height:2.5rem}atomic-result-section-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)}atomic-result-section-excerpt{margin-top:1.25rem;--font-size:var(--atomic-text-base);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));display:-webkit-box;line-height:var(--line-height);max-height:2.5rem;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}atomic-result-section-bottom-metadata{margin-top:.75rem;--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);max-height:4rem}atomic-result-section-title-metadata{margin-top:.475rem}atomic-insight-result-children,atomic-result-children{&::part(children-root){margin-inline:-1rem;margin-top:1rem;padding-top:1.75rem;padding-inline:1rem}&::part(show-hide-button){margin-bottom:1.25rem;margin-top:1.25rem}}atomic-insight-result-children,atomic-result-children{&::part(children-root){margin-inline:-1rem;margin-top:1rem;padding-top:1.75rem;padding-inline:1rem}&::part(show-hide-button){margin-bottom:1.25rem;margin-top:1.25rem}}&.child-result:not(.last-child),.placeholder{margin-bottom:1.75rem}}&.density-normal{atomic-result-section-visual{margin-right:1rem}atomic-result-section-badges{margin-bottom:1rem;--row-height:2rem}atomic-result-section-actions{margin-top:.75rem;--row-height:2.5rem}atomic-result-section-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)}atomic-result-section-excerpt{margin-top:1rem;--font-size:var(--atomic-text-base);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));display:-webkit-box;line-height:var(--line-height);max-height:2.5rem;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}atomic-result-section-bottom-metadata{margin-top:.625rem;--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);max-height:3.5rem}atomic-result-section-title-metadata{margin-top:.475rem}atomic-insight-result-children,atomic-result-children{&::part(children-root){margin-inline:-1rem;margin-top:1rem;padding-top:1.5rem;padding-inline:1rem}&::part(show-hide-button){margin-bottom:.875rem;margin-top:.875rem}}atomic-insight-result-children,atomic-result-children{&::part(children-root){margin-inline:-1rem;margin-top:1rem;padding-top:1.5rem;padding-inline:1rem}&::part(show-hide-button){margin-bottom:.875rem;margin-top:.875rem}}&.child-result:not(.last-child),.placeholder{margin-bottom:1.5rem}}&.density-compact{atomic-result-section-visual{margin-right:1rem}atomic-result-section-badges{margin-bottom:1rem;--row-height:2rem}atomic-result-section-actions{margin-top:.5em;--row-height:2.5rem}atomic-result-section-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)}atomic-result-section-excerpt{margin-top:.75rem;--font-size:var(--atomic-text-base);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));display:-webkit-box;line-height:var(--line-height);max-height:1.25rem;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:1}atomic-result-section-bottom-metadata{margin-top:.4375rem;--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);max-height:3.25rem}atomic-result-section-title-metadata{margin-top:.475rem}atomic-insight-result-children,atomic-result-children{&::part(children-root){margin-inline:-1rem;margin-top:1rem;padding-top:1rem;padding-inline:1rem}&::part(show-hide-button){margin-bottom:.475rem;margin-top:.475rem}}atomic-insight-result-children,atomic-result-children{&::part(children-root){margin-inline:-1rem;margin-top:1rem;padding-top:1rem;padding-inline:1rem}&::part(show-hide-button){margin-bottom:.475rem;margin-top:.475rem}}&.child-result:not(.last-child),.placeholder{margin-bottom:1rem}}&.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);atomic-result-section-visual{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{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-columns:auto minmax(0,1fr);grid-template-rows:repeat(4,auto) minmax(0,1fr) repeat(3,auto);atomic-result-section-visual{height:24vw;margin-bottom:1rem;width:24vw}}&.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-columns:auto minmax(0,1fr);grid-template-rows:repeat(7,auto) 1fr;atomic-result-section-visual{height:2rem;margin-bottom:0;width:2rem}}&.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-result-section-visual{display:none}}}}&.image-icon,&.image-none,&.image-small{@media (width >= 1024px){grid-template-areas:"badges" "visual" "title" "title-metadata" "emphasized" "excerpt" "children" "bottom-metadata" "actions";grid-template-columns:100%;grid-template-rows:repeat(9,auto);&.density-comfortable{&.image-large,&.image-small{atomic-result-section-visual{margin:0 auto 2rem}}&.image-icon{atomic-result-section-badges{margin-bottom:2rem}atomic-result-section-visual{height:2rem;width:2rem}}atomic-result-section-visual{margin-bottom:.5rem}atomic-result-section-badges{--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);margin-bottom:1rem;--row-height:2rem}atomic-result-section-actions{--font-size:var(--atomic-text-base);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height);margin-top:2.25rem;--row-height:2.5rem}atomic-result-section-title{--font-size:var(--atomic-text-2xl);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));display:-webkit-box;line-height:var(--line-height);overflow:hidden;word-break:break-word;-webkit-box-orient:vertical;-webkit-line-clamp:2}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);margin-top:.475rem}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)}atomic-result-section-excerpt{--font-size:var(--atomic-text-lg);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));display:-webkit-box;line-height:var(--line-height);margin-top:2.25rem;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3}atomic-result-section-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);margin-top:1.75rem;max-height:4rem}}&.density-normal{&.image-large,&.image-small{atomic-result-section-visual{margin:0 auto 1.5rem}}&.image-icon{atomic-result-section-badges{margin-bottom:1.5rem}atomic-result-section-visual{height:2rem;width:2rem}}atomic-result-section-visual{margin-bottom:.5rem}atomic-result-section-badges{margin-bottom:1rem}atomic-result-section-actions,atomic-result-section-badges{--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);--row-height:2rem}atomic-result-section-actions{margin-top:1.75rem}atomic-result-section-title{--font-size:var(--atomic-text-xl);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));display:-webkit-box;line-height:var(--line-height);overflow:hidden;word-break:break-word;-webkit-box-orient:vertical;-webkit-line-clamp:2}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);margin-top:.475rem}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)}atomic-result-section-excerpt{--font-size:var(--atomic-text-base);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));display:-webkit-box;line-height:var(--line-height);margin-top:1.75rem;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}atomic-result-section-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);margin-top:1.375rem;max-height:3.5rem}}&.density-compact{&.image-large,&.image-small{atomic-result-section-visual{margin:0 auto 1rem}}&.image-icon{atomic-result-section-badges{margin-bottom:1rem}atomic-result-section-visual{height:2rem;width:2rem}}atomic-result-section-visual{margin-bottom:.5rem}atomic-result-section-badges{margin-bottom:1rem}atomic-result-section-actions,atomic-result-section-badges{--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);--row-height:2rem}atomic-result-section-actions{margin-top:1.25rem}atomic-result-section-title{--font-size:var(--atomic-text-xl);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));display:-webkit-box;line-height:var(--line-height);overflow:hidden;word-break:break-word;-webkit-box-orient:vertical;-webkit-line-clamp:2}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);margin-top:.475rem}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)}atomic-result-section-excerpt{--font-size:var(--atomic-text-base);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));display:-webkit-box;line-height:var(--line-height);margin-top:1.25rem;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:1}atomic-result-section-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);margin-top:.9375rem;max-height:3.25rem}}&.image-large{atomic-result-section-visual{aspect-ratio:1/1;height:auto;@supports not (aspect-ratio:1/1){height:19.75rem}width:100%}atomic-result-section-badges{margin-bottom:1rem}}&.image-small{atomic-result-section-visual{aspect-ratio:1/1;height:auto;@supports not (aspect-ratio:1/1){height:14rem}width:100%}}&.image-none{atomic-result-section-visual{display:none}}}@media not all and (width >= 1024px){grid-template-areas:"badges" "visual" "title" "title-metadata" "emphasized" "excerpt" "children" "bottom-metadata" "actions";grid-template-columns:100%;grid-template-rows:repeat(9,auto);&.density-comfortable{atomic-result-section-visual{margin-bottom:1rem}&.image-small{atomic-result-section-visual{height:10.25rem;width:10.25rem}}atomic-result-section-badges{--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);margin-bottom:1rem;--row-height:2rem}atomic-result-section-actions{--font-size:var(--atomic-text-base);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height);margin-top:1.25rem;--row-height:2rem}atomic-result-section-title{--font-size:var(--atomic-text-lg);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));display:-webkit-box;line-height:var(--line-height);max-height:3rem;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}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);margin-top:.475rem}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)}atomic-result-section-excerpt{--font-size:var(--atomic-text-base);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));display:-webkit-box;line-height:var(--line-height);margin-top:1.25rem;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}atomic-result-section-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);margin-top:1rem;max-height:3rem}atomic-result-section-children{--font-size:var(--atomic-text-base);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height);margin-top:1.25rem}}&.density-normal{atomic-result-section-visual{margin-bottom:.75rem}&.image-small{atomic-result-section-visual{height:10.25rem;width:10.25rem}}atomic-result-section-badges{--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);margin-bottom:1rem;--row-height:2rem}atomic-result-section-actions{--font-size:var(--atomic-text-base);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height);margin-top:1rem;--row-height:2rem}atomic-result-section-title{--font-size:var(--atomic-text-lg);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));display:-webkit-box;line-height:var(--line-height);max-height:3rem;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}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);margin-top:.475rem}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)}atomic-result-section-excerpt{--font-size:var(--atomic-text-base);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));display:-webkit-box;line-height:var(--line-height);margin-top:1rem;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}atomic-result-section-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);margin-top:.75rem;max-height:3rem}atomic-result-section-children{--font-size:var(--atomic-text-base);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height);margin-top:1rem}}&.density-compact{atomic-result-section-visual{margin-bottom:.5rem}&.image-large{atomic-result-section-visual{width:100%}}&.image-small{atomic-result-section-visual{height:10.25rem;width:10.25rem}}atomic-result-section-badges{--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);margin-bottom:1rem;--row-height:2rem}atomic-result-section-actions{--font-size:var(--atomic-text-base);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height);margin-top:.75rem;--row-height:2rem}atomic-result-section-title{--font-size:var(--atomic-text-lg);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));display:-webkit-box;line-height:var(--line-height);max-height:3rem;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}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);margin-top:.475rem}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)}atomic-result-section-excerpt{--font-size:var(--atomic-text-base);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));display:-webkit-box;line-height:var(--line-height);margin-top:.75rem;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:1}atomic-result-section-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);margin-top:.5rem;max-height:3rem}atomic-result-section-children{--font-size:var(--atomic-text-base);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height);margin-top:.75rem}}&.image-small{atomic-result-section-visual{aspect-ratio:1/1;height:auto;@supports not (aspect-ratio:1/1){height:9rem}width:100%}}&.image-icon{atomic-result-section-visual{height:2rem;width:2rem}}&.image-none{atomic-result-section-visual{display:none}}}}}&.display-table{&.image-large.density-compact{atomic-result-section-visual{height:10.25rem;width:10.25rem}}atomic-result-section-children{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-result-section-visual{margin-right:1.5rem}atomic-result-section-actions,atomic-result-section-badges{margin-bottom:1.5rem;--row-height:2rem}atomic-result-section-title{--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)}atomic-result-section-excerpt{margin-top:1.75rem;--font-size:var(--atomic-text-lg);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));display:-webkit-box;line-height:var(--line-height);max-height:4.5rem;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3}atomic-result-section-bottom-metadata{margin-top:1.25rem;--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);max-height:4rem}atomic-result-section-title-metadata{margin-top:.475rem}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}}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{atomic-result-section-visual{margin-right:1rem}atomic-result-section-actions,atomic-result-section-badges{margin-bottom:1rem;--row-height:2rem}atomic-result-section-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)}atomic-result-section-excerpt{margin-top:1.25rem;--font-size:var(--atomic-text-base);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));display:-webkit-box;line-height:var(--line-height);max-height:2.5rem;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}atomic-result-section-bottom-metadata{margin-top:.875rem;--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);max-height:3.5rem}atomic-result-section-title-metadata{margin-top:.475rem}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}}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{atomic-result-section-visual{margin-right:1rem}atomic-result-section-actions,atomic-result-section-badges{margin-bottom:1rem;--row-height:2rem}atomic-result-section-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)}atomic-result-section-excerpt{margin-top:1rem;--font-size:var(--atomic-text-base);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));display:-webkit-box;line-height:var(--line-height);max-height:1.25rem;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:1}atomic-result-section-bottom-metadata{margin-top:.6875rem;--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);max-height:3.25rem}atomic-result-section-title-metadata{margin-top:.475rem}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}}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}}&.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;grid-template-rows:repeat(6,auto) minmax(0,1fr)}&.image-large.density-comfortable,&.image-large.density-normal{atomic-result-section-visual{height:20.375rem;width:20.375rem}}&.image-large.density-compact,&.image-small{atomic-result-section-visual{height:10rem;width:10rem}}&.image-icon{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;grid-template-rows:repeat(7,minmax(0,min-content));atomic-result-section-visual{height:2rem;width:2rem}}&.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);atomic-result-section-visual{display:none}}}}atomic-table-element{display:none}}.link-container{display:none}}position:relative;.with-sections:not(.child-result){padding:var(--atomic-layout-spacing-y) var(--atomic-layout-spacing-x)}}:host(:hover) .with-sections{background-color:var(--atomic-neutral-lighter)}:host(:hover) atomic-insight-result-action-bar{visibility:visible}:host(:first-of-type) .with-sections:not(.child-result){padding-top:2rem}:host(:first-of-type) atomic-insight-result-action-bar{top:0}@property --tw-font-weight{syntax:"*";inherits:false}@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-font-weight:initial;--tw-border-style:solid}}}`;
-__decorate([
-    state()
-], AtomicInsightResult.prototype, "error", void 0);
-__decorate([
-    property({
-        attribute: 'stop-propagation',
-        type: Boolean,
-        converter: booleanConverter,
-        reflect: true,
-    })
-], AtomicInsightResult.prototype, "stopPropagation", void 0);
-__decorate([
-    property({ type: Object })
-], AtomicInsightResult.prototype, "result", void 0);
-__decorate([
-    property({ type: Object, attribute: 'interactive-result' })
-], AtomicInsightResult.prototype, "interactiveResult", void 0);
-__decorate([
-    property({ type: Object })
-], AtomicInsightResult.prototype, "store", void 0);
-__decorate([
-    property({ type: Object })
-], AtomicInsightResult.prototype, "content", void 0);
-__decorate([
-    property({ reflect: true, type: String })
-], AtomicInsightResult.prototype, "density", void 0);
-__decorate([
-    property({ reflect: true, type: String, attribute: 'image-size' })
-], AtomicInsightResult.prototype, "imageSize", void 0);
-__decorate([
-    property({ type: String })
-], AtomicInsightResult.prototype, "classes", void 0);
-__decorate([
-    property({ type: String, attribute: 'loading-flag' })
-], AtomicInsightResult.prototype, "loadingFlag", void 0);
-__decorate([
-    property({ type: Object, attribute: 'rendering-function' })
-], AtomicInsightResult.prototype, "renderingFunction", void 0);
-AtomicInsightResult = __decorate([
-    customElement('atomic-insight-result'),
-    withTailwindStyles
-], AtomicInsightResult);
-export { AtomicInsightResult };

package/dist/atomic/components/components/insight/atomic-insight-result-action/atomic-insight-result-action.js

@@ -1,169 +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 { loadInsightAnalyticsActions, } from '@coveo/headless/insight';
-import { css, LitElement } from 'lit';
-import { customElement, property, state } from 'lit/decorators.js';
-import { renderIconButton } from "../../common/icon-button";
-import { ItemContextController } from "../../common/item-list/context/item-context-controller";
-import { bindingGuard } from "../../../decorators/binding-guard";
-import { bindings } from "../../../decorators/bindings";
-import { errorGuard } from "../../../decorators/error-guard";
-import { LightDomMixin } from "../../../mixins/light-dom";
-const AttachIcon = "<svg width=\"26\" height=\"26\" viewBox=\"0 0 26 26\" xmlns=\"http://www.w3.org/2000/svg\">\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M8.8125 18.3125C9.1125 18.6125 9.5625 18.5625 9.8625 18.3125L14.8625 13.3125C15.2125 12.9625 15.8125 12.9125 16.2625 13.3125C16.7125 13.7125 16.6625 14.4125 16.2625 14.8125L10.1125 20.8625C8.7625 22.2125 6.5125 22.2125 5.1625 20.8625L5.1125 20.8125C3.7625 19.4625 3.7625 17.2125 5.1125 15.8625L15.9625 5.0125C17.3125 3.6625 19.5625 3.6625 20.9125 5.0125L20.9625 5.0625C22.3125 6.4125 22.3125 8.6625 20.9625 10.0125L20.9125 10.0625C20.6625 10.3125 20.6125 10.6625 20.8125 10.9625C21.1125 11.5125 21.3625 12.1125 21.5125 12.7125C21.6125 13.1125 22.0625 13.2125 22.3625 12.9625C22.7625 12.5625 23.1125 12.1625 23.1125 12.1625C25.6625 9.6125 25.6625 5.4625 23.1125 2.9125H23.0125C20.4625 0.3625 16.3125 0.3625 13.7625 2.9125L2.9125 13.7125C0.3625 16.2625 0.3625 20.4125 2.9125 22.9625L3.0125 23.0625C5.5625 25.6125 9.6625 25.6125 12.2125 23.0625L18.4125 16.9125C20.0125 15.3125 19.9625 12.7125 18.3125 11.1125C16.7125 9.5625 14.1125 9.6625 12.5625 11.2625L7.6625 16.1625C7.3625 16.4625 7.3625 16.9625 7.6625 17.2625L8.8125 18.3125Z\"/>\n</svg>\n";
-const CopyIcon = "<svg width=\"26\" height=\"26\" viewBox=\"0 0 26 26\" xmlns=\"http://www.w3.org/2000/svg\">\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M22 1H9C7.9 1 7 1.9 7 3V4H19C20.1 4 21 4.9 21 6V20H22C23.1 20 24 19.1 24 18V3C24 1.9 23.1 1 22 1ZM19 8C19 6.9 18.1 6 17 6H4C2.9 6 2 6.9 2 8V23C2 24.1 2.9 25 4 25H17C18.1 25 19 24.1 19 23V8ZM10 11.5C10 11.8 9.8 12 9.5 12H5.5C5.2 12 5 11.8 5 11.5V10.5C5 10.2 5.2 10 5.5 10H9.5C9.8 10 10 10.2 10 10.5V11.5ZM14 19.5C14 19.8 13.8 20 13.5 20H5.5C5.2 20 5 19.8 5 19.5V18.5C5 18.2 5.2 18 5.5 18H13.5C13.8 18 14 18.2 14 18.5V19.5ZM16 15.5C16 15.8 15.8 16 15.5 16H5.5C5.2 16 5 15.8 5 15.5V14.5C5 14.2 5.2 14 5.5 14H15.5C15.8 14 16 14.2 16 14.5V15.5Z\"/>\n</svg>\n";
-const EmailIcon = "<svg width=\"26\" height=\"26\" viewBox=\"0 0 26 26\" xmlns=\"http://www.w3.org/2000/svg\">\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M12.4735 15.55C12.7735 15.85 13.2235 15.85 13.5235 15.55L24.8235 5.05C25.0235 4.65 24.9735 4 24.1735 4L1.82347 4.05C1.22347 4.05 0.723467 4.6 1.17347 5.1L12.4735 15.55ZM25.0235 9.15C25.0235 8.65 24.4235 8.35 24.0235 8.7L15.1735 16.85C14.5735 17.4 13.8235 17.7 13.0235 17.7C12.2235 17.7 11.4735 17.4 10.8735 16.9L2.07347 8.7C1.67347 8.35 1.07347 8.6 1.07347 9.15C1.02347 9 1.02347 20.5 1.02347 20.5C1.02347 21.6 1.92347 22.5 3.02347 22.5H23.0235C24.1235 22.5 25.0235 21.6 25.0235 20.5V9.15Z\"/>\n</svg>\n";
-const QuickviewIcon = "<svg width=\"27\" height=\"26\" viewBox=\"0 0 27 26\" xmlns=\"http://www.w3.org/2000/svg\">\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M25.9125 13.05C23.5625 8.3 18.6625 5 13.0125 5C7.3625 5 2.4625 8.3 0.1125 13.05C-0.0375 13.35 -0.0375 13.7 0.1125 13.95C2.4625 18.7 7.3625 22 13.0125 22C18.6625 22 23.5625 18.7 25.9125 13.95C26.0625 13.65 26.0625 13.35 25.9125 13.05ZM13.0125 19C9.9625 19 7.5125 16.55 7.5125 13.5C7.5125 10.45 9.9625 8 13.0125 8C16.0625 8 18.5125 10.45 18.5125 13.5C18.5125 16.55 16.0625 19 13.0125 19ZM13.0125 10C11.0625 10 9.5125 11.55 9.5125 13.5C9.5125 15.45 11.0625 17 13.0125 17C14.9625 17 16.5125 15.45 16.5125 13.5C16.5125 11.55 14.9625 10 13.0125 10Z\"/>\n</svg>\n";
-const FeedIcon = "<svg width=\"26\" height=\"26\" viewBox=\"0 0 26 26\" xmlns=\"http://www.w3.org/2000/svg\">\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M13 2C6.35 2 1 6.9 1 13C1 14.95 1.55 16.75 2.5 18.4C2.6 18.6 2.65 18.85 2.6 19.05L1.5 22.5C1.3 23.15 1.9 23.7 2.55 23.5L6.05 22.3C6.3 22.2 6.55 22.25 6.75 22.4C8.6 23.45 10.75 24.05 13.05 24.05C19.7 24.05 25.05 19.15 25.05 13.05C24.9 6.9 19.55 2 13 2V2Z\"/>\n</svg>\n";
-export var Actions;
-(function (Actions) {
-    Actions["CopyToClipboard"] = "copyToClipboard";
-    Actions["AttachToCase"] = "attachToCase";
-    Actions["Quickview"] = "quickview";
-    Actions["PostToFeed"] = "postToFeed";
-    Actions["SendAsEmail"] = "sendAsEmail";
-})(Actions || (Actions = {}));
-/**
- * The `atomic-insight-result-action` component renders an interactive action button for insight results.
- *
- * @part result-action-container - The result action container
- * @part result-action-button - The result action button
- * @part result-action-icon - The result action icon
- * @event atomicInsightResultActionClicked - Fired when the action button is clicked. The event detail contains the action type and the result object.
- */
-let AtomicInsightResultAction = class AtomicInsightResultAction extends LightDomMixin(LitElement) {
-    constructor() {
-        super();
-        /**
-         * The result action icon to display.
-         */
-        this.icon = '';
-        /**
-         * The text tooltip to show on the result action icon.
-         */
-        this.tooltip = '';
-        /**
-         * The text tooltip to show on the result action icon for some time after clicking the button.
-         */
-        this.tooltipOnClick = '';
-        /**
-         * The type of action to perform when the result action is clicked.
-         * This will be sent along the event fired when the button is clicked.
-         */
-        this.action = '';
-        this.currentTooltip = '';
-        this.itemContextController = new ItemContextController(this, {
-            parentName: 'atomic-insight-result',
-            folded: false,
-        });
-    }
-    disconnectedCallback() {
-        super.disconnectedCallback();
-        clearTimeout(this.tooltipResetTimeout);
-    }
-    get result() {
-        return this.itemContextController.item;
-    }
-    initialize() {
-        this.actions = loadInsightAnalyticsActions(this.bindings.engine);
-        this.currentTooltip = this.tooltip;
-    }
-    onClick() {
-        if (!this.result) {
-            return;
-        }
-        if (this.tooltipOnClick) {
-            const originalTooltip = this.tooltip;
-            this.currentTooltip = this.tooltipOnClick;
-            clearTimeout(this.tooltipResetTimeout);
-            this.tooltipResetTimeout = setTimeout(() => {
-                this.currentTooltip = originalTooltip;
-            }, 1000);
-        }
-        switch (this.action) {
-            case Actions.CopyToClipboard:
-                this.bindings.engine.dispatch(this.actions.logCopyToClipboard(this.result));
-                navigator.clipboard.writeText(this.result.clickUri);
-                break;
-            case Actions.PostToFeed:
-                this.bindings.engine.dispatch(this.actions.logFeedItemTextPost(this.result));
-                break;
-            case Actions.SendAsEmail:
-                this.bindings.engine.dispatch(this.actions.logCaseSendEmail(this.result));
-                break;
-        }
-        this.dispatchEvent(new CustomEvent('atomicInsightResultActionClicked', {
-            bubbles: true,
-            composed: true,
-            cancelable: true,
-            detail: { action: this.action, result: this.result },
-        }));
-    }
-    getIcon() {
-        if (this.icon) {
-            return this.icon;
-        }
-        switch (this.action) {
-            case Actions.CopyToClipboard:
-                return CopyIcon;
-            case Actions.AttachToCase:
-                return AttachIcon;
-            case Actions.Quickview:
-                return QuickviewIcon;
-            case Actions.PostToFeed:
-                return FeedIcon;
-            case Actions.SendAsEmail:
-                return EmailIcon;
-            default:
-                return QuickviewIcon;
-        }
-    }
-    render() {
-        if (!this.result) {
-            return null;
-        }
-        return renderIconButton({
-            props: {
-                partPrefix: 'result-action',
-                style: 'outline-neutral',
-                icon: this.getIcon(),
-                title: this.currentTooltip,
-                onClick: () => this.onClick(),
-            },
-        });
-    }
-};
-AtomicInsightResultAction.styles = css`/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */[part=result-action-button]{align-items:center;display:flex;height:calc(var(--spacing, .25rem)*8);justify-content:center;width:calc(var(--spacing, .25rem)*8)}`;
-__decorate([
-    property({ type: String })
-], AtomicInsightResultAction.prototype, "icon", void 0);
-__decorate([
-    property({ type: String })
-], AtomicInsightResultAction.prototype, "tooltip", void 0);
-__decorate([
-    property({ type: String, attribute: 'tooltip-on-click' })
-], AtomicInsightResultAction.prototype, "tooltipOnClick", void 0);
-__decorate([
-    property({ type: String })
-], AtomicInsightResultAction.prototype, "action", void 0);
-__decorate([
-    state()
-], AtomicInsightResultAction.prototype, "bindings", void 0);
-__decorate([
-    state()
-], AtomicInsightResultAction.prototype, "error", void 0);
-__decorate([
-    state()
-], AtomicInsightResultAction.prototype, "currentTooltip", void 0);
-__decorate([
-    errorGuard(),
-    bindingGuard()
-], AtomicInsightResultAction.prototype, "render", null);
-AtomicInsightResultAction = __decorate([
-    customElement('atomic-insight-result-action'),
-    bindings()
-], AtomicInsightResultAction);
-export { AtomicInsightResultAction };

package/dist/atomic/components/components/insight/atomic-insight-result-action-bar/atomic-insight-result-action-bar.js

@@ -1,20 +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";
-/**
- * The `atomic-insight-result-action-bar` component displays an action bar for an Insight result and hosts action buttons such as share, open, or more options related to the result.
- *
- * @slot (default) - Action buttons to display in the action bar.
- */
-let AtomicInsightResultActionBar = class AtomicInsightResultActionBar extends ItemSectionMixin(LitElement, css`/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */@layer properties;atomic-insight-result-action-bar{display:flex;position:absolute;right:calc(var(--spacing, .25rem)*6);top:calc(var(--spacing, .25rem)*-4);visibility:hidden}atomic-insight-result-action-bar>:not(:last-child) button{border-bottom-right-radius:0;border-right-style:var(--tw-border-style);border-right-width:0;border-top-right-radius:0}atomic-insight-result-action-bar>:not(:last-child) button:hover{border-right-style:var(--tw-border-style);border-right-width:1px}atomic-insight-result-action-bar>:not(:first-child) button{border-bottom-left-radius:0;border-top-left-radius:0}@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}}}`) {
-};
-AtomicInsightResultActionBar = __decorate([
-    customElement('atomic-insight-result-action-bar')
-], AtomicInsightResultActionBar);
-export { AtomicInsightResultActionBar };

package/dist/atomic/components/components/insight/atomic-insight-result-attach-to-case-action/atomic-insight-result-attach-to-case-action.js

@@ -1,123 +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 { buildAttachedResults, } from '@coveo/headless/insight';
-import { html, LitElement } from 'lit';
-import { customElement, state } from 'lit/decorators.js';
-import { renderIconButton } from "../../common/icon-button";
-import { ItemContextController } from "../../common/item-list/context/item-context-controller";
-import { bindStateToController } from "../../../decorators/bind-state";
-import { bindingGuard } from "../../../decorators/binding-guard";
-import { bindings } from "../../../decorators/bindings";
-import { errorGuard } from "../../../decorators/error-guard";
-import { LightDomMixin } from "../../../mixins/light-dom";
-const AttachIcon = "<svg width=\"26\" height=\"26\" viewBox=\"0 0 26 26\" xmlns=\"http://www.w3.org/2000/svg\">\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M8.8125 18.3125C9.1125 18.6125 9.5625 18.5625 9.8625 18.3125L14.8625 13.3125C15.2125 12.9625 15.8125 12.9125 16.2625 13.3125C16.7125 13.7125 16.6625 14.4125 16.2625 14.8125L10.1125 20.8625C8.7625 22.2125 6.5125 22.2125 5.1625 20.8625L5.1125 20.8125C3.7625 19.4625 3.7625 17.2125 5.1125 15.8625L15.9625 5.0125C17.3125 3.6625 19.5625 3.6625 20.9125 5.0125L20.9625 5.0625C22.3125 6.4125 22.3125 8.6625 20.9625 10.0125L20.9125 10.0625C20.6625 10.3125 20.6125 10.6625 20.8125 10.9625C21.1125 11.5125 21.3625 12.1125 21.5125 12.7125C21.6125 13.1125 22.0625 13.2125 22.3625 12.9625C22.7625 12.5625 23.1125 12.1625 23.1125 12.1625C25.6625 9.6125 25.6625 5.4625 23.1125 2.9125H23.0125C20.4625 0.3625 16.3125 0.3625 13.7625 2.9125L2.9125 13.7125C0.3625 16.2625 0.3625 20.4125 2.9125 22.9625L3.0125 23.0625C5.5625 25.6125 9.6625 25.6125 12.2125 23.0625L18.4125 16.9125C20.0125 15.3125 19.9625 12.7125 18.3125 11.1125C16.7125 9.5625 14.1125 9.6625 12.5625 11.2625L7.6625 16.1625C7.3625 16.4625 7.3625 16.9625 7.6625 17.2625L8.8125 18.3125Z\"/>\n</svg>\n";
-const DetachIcon = "<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"26px\" height=\"26px\" viewBox=\"0 0 26 26\" version=\"1.1\">\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M 8.300781 16.898438 C 8.566406 17.148438 8.980469 17.148438 9.25 16.898438 L 13.851562 12.300781 C 14.214844 11.957031 14.785156 11.957031 15.148438 12.300781 C 15.53125 12.6875 15.53125 13.3125 15.148438 13.699219 L 9.449219 19.25 C 8.191406 20.457031 6.207031 20.457031 4.949219 19.25 L 4.898438 19.25 C 4.289062 18.640625 3.945312 17.8125 3.945312 16.949219 C 3.945312 16.085938 4.289062 15.257812 4.898438 14.648438 L 14.898438 4.648438 C 16.15625 3.445312 18.140625 3.445312 19.398438 4.648438 L 19.5 4.75 C 20.707031 6.007812 20.707031 7.992188 19.5 9.25 L 19.449219 9.351562 C 19.234375 9.5625 19.195312 9.890625 19.351562 10.148438 C 19.632812 10.65625 19.847656 11.191406 20 11.75 C 20.050781 11.894531 20.167969 12.011719 20.3125 12.058594 C 20.460938 12.109375 20.621094 12.085938 20.75 12 C 21.148438 11.648438 21.449219 11.25 21.449219 11.25 C 22.578125 10.125 23.214844 8.59375 23.214844 7 C 23.214844 5.40625 22.578125 3.875 21.449219 2.75 L 21.351562 2.75 C 20.222656 1.621094 18.695312 0.984375 17.101562 0.984375 C 15.503906 0.984375 13.976562 1.621094 12.851562 2.75 L 2.851562 12.699219 C 1.71875 13.824219 1.085938 15.355469 1.085938 16.949219 C 1.085938 18.542969 1.71875 20.074219 2.851562 21.199219 L 2.949219 21.300781 C 5.289062 23.621094 9.0625 23.621094 11.398438 21.300781 L 17.101562 15.648438 C 18.078125 14.695312 18.457031 13.285156 18.089844 11.964844 C 17.726562 10.648438 16.671875 9.636719 15.34375 9.320312 C 14.015625 9.003906 12.617188 9.4375 11.699219 10.449219 L 7.199219 14.949219 C 7.066406 15.082031 6.988281 15.261719 6.988281 15.449219 C 6.988281 15.636719 7.066406 15.816406 7.199219 15.949219 Z M 22.648438 20.800781 L 24.75 18.699219 C 24.839844 18.613281 24.890625 18.496094 24.890625 18.375 C 24.890625 18.253906 24.839844 18.136719 24.75 18.050781 L 23.5 16.75 C 23.414062 16.660156 23.296875 16.609375 23.175781 16.609375 C 23.050781 16.609375 22.933594 16.660156 22.851562 16.75 L 20.800781 19 L 18.800781 17 C 18.714844 16.910156 18.597656 16.859375 18.476562 16.859375 C 18.351562 16.859375 18.234375 16.910156 18.148438 17 L 16.898438 18.25 C 16.738281 18.4375 16.738281 18.710938 16.898438 18.898438 L 18.898438 20.898438 L 16.898438 22.800781 C 16.8125 22.886719 16.761719 23.003906 16.761719 23.125 C 16.761719 23.246094 16.8125 23.363281 16.898438 23.449219 L 18.25 24.75 C 18.335938 24.839844 18.453125 24.890625 18.574219 24.890625 C 18.699219 24.890625 18.816406 24.839844 18.898438 24.75 L 20.800781 22.800781 L 22.851562 24.898438 C 22.933594 24.988281 23.050781 25.039062 23.175781 25.039062 C 23.296875 25.039062 23.414062 24.988281 23.5 24.898438 L 24.800781 23.601562 C 24.886719 23.515625 24.9375 23.398438 24.9375 23.273438 C 24.9375 23.152344 24.886719 23.035156 24.800781 22.949219 Z M 22.648438 20.800781 \"/>\n</svg>\n";
-/**
- * The `atomic-insight-result-attach-to-case-action` component can be nested
- * inside a `atomic-insight-result-actions` to render an interactive button
- * that will emit an `atomic/insight/attachToCase/attach` or
- * `atomic/insight/attachToCase/detach` JavaScript event, based on its current
- * state, when clicked.
- *
- * @part result-action-container - The result action container
- * @part result-action-button - The result action button
- * @part result-action-icon - The result action icon
- */
-let AtomicInsightResultAttachToCaseAction = class AtomicInsightResultAttachToCaseAction extends LightDomMixin(LitElement) {
-    constructor() {
-        super();
-        this.itemContextController = new ItemContextController(this, {
-            parentName: 'atomic-insight-result',
-            folded: false,
-        });
-    }
-    get result() {
-        return this.itemContextController.item;
-    }
-    initialize() {
-        const caseId = this.bindings.engine.state.insightCaseContext?.caseId || '';
-        this.attachedResults = buildAttachedResults(this.bindings.engine, {
-            options: {
-                caseId: caseId,
-            },
-        });
-    }
-    onClick() {
-        if (!this.result) {
-            return;
-        }
-        if (this.attachedResults.isAttached(this.result)) {
-            this.dispatchEvent(new CustomEvent('atomic/insight/attachToCase/detach', {
-                bubbles: true,
-                composed: true,
-                cancelable: true,
-                detail: {
-                    callback: () => this.attachedResults.detach(this.result),
-                    result: this.result,
-                },
-            }));
-        }
-        else {
-            this.dispatchEvent(new CustomEvent('atomic/insight/attachToCase/attach', {
-                bubbles: true,
-                composed: true,
-                cancelable: true,
-                detail: {
-                    callback: () => this.attachedResults.attach(this.result),
-                    result: this.result,
-                },
-            }));
-        }
-    }
-    getIcon() {
-        return this.result && this.attachedResults?.isAttached(this.result)
-            ? DetachIcon
-            : AttachIcon;
-    }
-    getTooltip() {
-        return this.result && this.attachedResults?.isAttached(this.result)
-            ? this.bindings.i18n.t('detach-from-case')
-            : this.bindings.i18n.t('attach-to-case');
-    }
-    render() {
-        if (!this.result || !this.attachedResults) {
-            return html ``;
-        }
-        return renderIconButton({
-            props: {
-                partPrefix: 'result-action',
-                style: 'outline-neutral',
-                icon: this.getIcon(),
-                ariaLabel: this.getTooltip(),
-                title: this.getTooltip(),
-                onClick: () => this.onClick(),
-            },
-        });
-    }
-};
-__decorate([
-    state()
-], AtomicInsightResultAttachToCaseAction.prototype, "bindings", void 0);
-__decorate([
-    state()
-], AtomicInsightResultAttachToCaseAction.prototype, "error", void 0);
-__decorate([
-    bindStateToController('attachedResults'),
-    state()
-    // biome-ignore lint/suspicious/noTsIgnore: Type error only appears without a build.
-    // @ts-ignore - Binds headless state to trigger Lit re-renders.
-    // biome-ignore lint/correctness/noUnusedPrivateClassMembers: Binds headless state to trigger Lit re-renders.
-], AtomicInsightResultAttachToCaseAction.prototype, "attachedResultsState", void 0);
-__decorate([
-    errorGuard(),
-    bindingGuard()
-], AtomicInsightResultAttachToCaseAction.prototype, "render", null);
-AtomicInsightResultAttachToCaseAction = __decorate([
-    customElement('atomic-insight-result-attach-to-case-action'),
-    bindings()
-], AtomicInsightResultAttachToCaseAction);
-export { AtomicInsightResultAttachToCaseAction };