@coveo/atomic 3.57.1 → 3.57.2

package/dist/esm/components/common/generated-answer/generated-content/generated-markdown-content.js

@@ -1,12 +1,17 @@
 import dompurify from "dompurify";
 import { html } from "lit";
 import { unsafeHTML } from "lit/directives/unsafe-html.js";
+import "../../atomic-generated-answer-inline-link/atomic-generated-answer-inline-link.js";
 import { transformMarkdownToHtml } from "./markdown-utils.js";
 const renderGeneratedMarkdownContent = ({ props })=>{
     const answerAsHtml = dompurify.sanitize(transformMarkdownToHtml(props.answer ?? ''), {
         ADD_ATTR: [
             'part'
-        ]
+        ],
+        CUSTOM_ELEMENT_HANDLING: {
+            tagNameCheck: /^atomic-generated-answer-inline-link$/,
+            attributeNameCheck: /^(href|title)$/
+        }
     });
     return html`
     <div

package/dist/esm/components/common/generated-answer/generated-content/generated-markdown-content.tw.css.js

@@ -1,4 +1,4 @@
 import { css } from "lit";
-const styles = css`/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */@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-leading:initial;--tw-border-style:solid}}}[part=generated-text] [part=answer-heading-1]{font-size:var(--atomic-text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height,1.33333))}[part=generated-text] [part=answer-heading-2]{font-size:var(--atomic-text-xl);line-height:var(--tw-leading,var(--text-xl--line-height,1.4))}[part=generated-text] [part=answer-heading-3],[part=generated-text] [part=answer-heading-4],[part=generated-text] [part=answer-heading-5],[part=generated-text] [part=answer-heading-6]{font-size:var(--atomic-text-lg);line-height:var(--tw-leading,var(--text-lg--line-height,1.55556))}[part=generated-text] [part=answer-heading-1],[part=generated-text] [part=answer-heading-2],[part=generated-text] [part=answer-heading-3],[part=generated-text] [part=answer-heading-4],[part=generated-text] [part=answer-heading-5],[part=generated-text] [part=answer-heading-6]{margin-bottom:calc(var(--spacing,.25rem)*2);margin-top:calc(var(--spacing,.25rem)*3);--tw-font-weight:var(--atomic-font-bold);font-weight:var(--atomic-font-bold)}[part=generated-text] [part=answer-paragraph]{margin-bottom:calc(var(--spacing,.25rem)*3)}[part=generated-text] [part=answer-list-item],[part=generated-text] [part=answer-paragraph],[part=generated-text] [part=answer-quote-block],[part=generated-text] [part=answer-table-content],[part=generated-text] [part=answer-table-header]{--tw-leading:calc(var(--spacing,.25rem)*5);line-height:calc(var(--spacing,.25rem)*5)}[part=generated-text] [part=answer-strong]{--tw-font-weight:var(--atomic-font-bold);font-weight:var(--atomic-font-bold)}[part=generated-text] [part=answer-ordered-list]{list-style-type:decimal;margin-bottom:calc(var(--spacing,.25rem)*2);padding-inline-start:calc(var(--spacing,.25rem)*8)}[part=generated-text] [part=answer-unordered-list]{list-style-type:disc;margin-bottom:calc(var(--spacing,.25rem)*2);padding-inline-start:calc(var(--spacing,.25rem)*8)}[part=generated-text] [part=answer-inline-code]{border-color:var(--atomic-neutral);border-radius:var(--atomic-border-radius);border-style:solid;border-width:1px;color:var(--atomic-inline-code);padding-block:calc(var(--spacing,.25rem)*.5);padding-inline:calc(var(--spacing,.25rem)*1)}[part=generated-text] [part=answer-code-block],[part=generated-text] [part=answer-inline-code]{--tw-border-style:solid;background-color:var(--atomic-neutral-light);font-size:var(--atomic-text-sm);line-height:var(--tw-leading,var(--text-sm--line-height,1.42857))}[part=generated-text] [part=answer-code-block]{border-color:var(--atomic-neutral);border-radius:var(--atomic-border-radius-md);border-style:solid;border-width:1px;color:var(--atomic-on-background);margin-block:calc(var(--spacing,.25rem)*4);max-height:calc(var(--spacing,.25rem)*96);overflow:auto;padding:calc(var(--spacing,.25rem)*2);scrollbar-color:var(--atomic-neutral)}[part=generated-text] [part=answer-quote-block]{font-style:italic;margin-inline:calc(var(--spacing,.25rem)*16)}[part=generated-text] [part=answer-table-container]{border-radius:var(--atomic-border-radius-md);margin-bottom:calc(var(--spacing,.25rem)*6);max-height:calc(var(--spacing,.25rem)*96);--tw-border-style:solid;border-color:var(--atomic-neutral-dim);border-style:solid;border-width:1px;display:inline-block;max-width:100%;overflow:auto}[part=generated-text] [part=answer-table-container] [part=answer-table-header]{position:sticky;top:calc(var(--spacing,.25rem)*0)}[part=generated-text] [part=answer-table]{font-size:var(--atomic-text-base);line-height:var(--tw-leading,var(--text-base--line-height,1.5))}[part=generated-text] [part=answer-table] thead [part=answer-table-header]{background-color:var(--atomic-neutral);border-bottom-color:var(--atomic-neutral-dim);border-left-color:var(--atomic-neutral-dim);padding:calc(var(--spacing,.25rem)*4);text-align:left;--tw-font-weight:var(--atomic-font-bold);font-weight:var(--atomic-font-bold)}[part=generated-text] [part=answer-table] thead [part=answer-table-header]:first-of-type{border-left:none}[part=generated-text] [part=answer-table] tbody tr:nth-child(2n){background-color:var(--atomic-neutral-light)}[part=generated-text] [part=answer-table] tbody tr [part=answer-table-content]{border-bottom-color:var(--atomic-neutral-dim);border-left-color:var(--atomic-neutral-dim);border-style:var(--tw-border-style);border-width:1px;padding:calc(var(--spacing,.25rem)*4)}[part=generated-text] [part=answer-table] tbody tr [part=answer-table-content]:first-of-type{border-left:none}[part=generated-text] [part=answer-table] tbody tr:last-of-type [part=answer-table-content]{border-bottom:unset}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-leading{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}`;
+const styles = css`/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */@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-leading:initial;--tw-border-style:solid}}}[part=generated-text] [part=answer-heading-1]{font-size:var(--atomic-text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height,1.33333))}[part=generated-text] [part=answer-heading-2]{font-size:var(--atomic-text-xl);line-height:var(--tw-leading,var(--text-xl--line-height,1.4))}[part=generated-text] [part=answer-heading-3],[part=generated-text] [part=answer-heading-4],[part=generated-text] [part=answer-heading-5],[part=generated-text] [part=answer-heading-6]{font-size:var(--atomic-text-lg);line-height:var(--tw-leading,var(--text-lg--line-height,1.55556))}[part=generated-text] [part=answer-heading-1],[part=generated-text] [part=answer-heading-2],[part=generated-text] [part=answer-heading-3],[part=generated-text] [part=answer-heading-4],[part=generated-text] [part=answer-heading-5],[part=generated-text] [part=answer-heading-6]{margin-bottom:calc(var(--spacing,.25rem)*2);margin-top:calc(var(--spacing,.25rem)*3);--tw-font-weight:var(--atomic-font-bold);font-weight:var(--atomic-font-bold)}[part=generated-text] [part=answer-paragraph]{margin-bottom:calc(var(--spacing,.25rem)*3)}[part=generated-text] [part^=answer-heading-] atomic-generated-answer-inline-link::part(answer-link){color:inherit}[part=generated-text] [part^=answer-heading-] atomic-generated-answer-inline-link::part(answer-link-text){text-decoration-line:none}[part=generated-text] [part=answer-list-item],[part=generated-text] [part=answer-paragraph],[part=generated-text] [part=answer-quote-block],[part=generated-text] [part=answer-table-content],[part=generated-text] [part=answer-table-header]{--tw-leading:calc(var(--spacing,.25rem)*5);line-height:calc(var(--spacing,.25rem)*5)}[part=generated-text] [part=answer-strong]{--tw-font-weight:var(--atomic-font-bold);font-weight:var(--atomic-font-bold)}[part=generated-text] [part=answer-ordered-list]{list-style-type:decimal;margin-bottom:calc(var(--spacing,.25rem)*2);padding-inline-start:calc(var(--spacing,.25rem)*8)}[part=generated-text] [part=answer-unordered-list]{list-style-type:disc;margin-bottom:calc(var(--spacing,.25rem)*2);padding-inline-start:calc(var(--spacing,.25rem)*8)}[part=generated-text] [part=answer-inline-code]{border-color:var(--atomic-neutral);border-radius:var(--atomic-border-radius);border-style:solid;border-width:1px;color:var(--atomic-inline-code);padding-block:calc(var(--spacing,.25rem)*.5);padding-inline:calc(var(--spacing,.25rem)*1)}[part=generated-text] [part=answer-code-block],[part=generated-text] [part=answer-inline-code]{--tw-border-style:solid;background-color:var(--atomic-neutral-light);font-size:var(--atomic-text-sm);line-height:var(--tw-leading,var(--text-sm--line-height,1.42857))}[part=generated-text] [part=answer-code-block]{border-color:var(--atomic-neutral);border-radius:var(--atomic-border-radius-md);border-style:solid;border-width:1px;color:var(--atomic-on-background);margin-block:calc(var(--spacing,.25rem)*4);max-height:calc(var(--spacing,.25rem)*96);overflow:auto;padding:calc(var(--spacing,.25rem)*2);scrollbar-color:var(--atomic-neutral)}[part=generated-text] [part=answer-quote-block]{font-style:italic;margin-inline:calc(var(--spacing,.25rem)*16)}[part=generated-text] [part=answer-table-container]{border-radius:var(--atomic-border-radius-md);margin-bottom:calc(var(--spacing,.25rem)*6);max-height:calc(var(--spacing,.25rem)*96);--tw-border-style:solid;border-color:var(--atomic-neutral-dim);border-style:solid;border-width:1px;display:inline-block;max-width:100%;overflow:auto}[part=generated-text] [part=answer-table-container] [part=answer-table-header]{position:sticky;top:calc(var(--spacing,.25rem)*0)}[part=generated-text] [part=answer-table]{font-size:var(--atomic-text-base);line-height:var(--tw-leading,var(--text-base--line-height,1.5))}[part=generated-text] [part=answer-table] thead [part=answer-table-header]{background-color:var(--atomic-neutral);border-bottom-color:var(--atomic-neutral-dim);border-left-color:var(--atomic-neutral-dim);padding:calc(var(--spacing,.25rem)*4);text-align:left;--tw-font-weight:var(--atomic-font-bold);font-weight:var(--atomic-font-bold)}[part=generated-text] [part=answer-table] thead [part=answer-table-header]:first-of-type{border-left:none}[part=generated-text] [part=answer-table] tbody tr:nth-child(2n){background-color:var(--atomic-neutral-light)}[part=generated-text] [part=answer-table] tbody tr [part=answer-table-content]{border-bottom-color:var(--atomic-neutral-dim);border-left-color:var(--atomic-neutral-dim);border-style:var(--tw-border-style);border-width:1px;padding:calc(var(--spacing,.25rem)*4)}[part=generated-text] [part=answer-table] tbody tr [part=answer-table-content]:first-of-type{border-left:none}[part=generated-text] [part=answer-table] tbody tr:last-of-type [part=answer-table-content]{border-bottom:unset}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-leading{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}`;
 const generated_markdown_content_tw_css = styles;
 export default generated_markdown_content_tw_css;

package/dist/esm/components/common/generated-answer/generated-content/markdown-utils.js

@@ -46,6 +46,12 @@ const customRenderer = {
         const tag = ordered && 1 !== start ? `<${type} part="${part}" start="${start}">` : `<${type} part="${part}">`;
         return `${tag}${body}</${type}>`;
     },
+    link (href, title, text) {
+        const titleAttribute = title ? ` title="${escapeHtml(title)}"` : '';
+        const safeHref = href ? escapeHtml(href) : '';
+        if (!safeHref) return `<span>${text}</span>`;
+        return `<atomic-generated-answer-inline-link href="${safeHref}"${titleAttribute}>${text}</atomic-generated-answer-inline-link>`;
+    },
     listitem (text) {
         const unwrappedText = text.replace(/^<p[^>]*>/, '').replace(/<\/p>\n?$/, '');
         const withClosedElement = completeUnclosedElement(unwrappedText);

package/dist/esm/components/common/index.js

@@ -8,6 +8,7 @@ export { AtomicFacetPlaceholder } from "./atomic-facet-placeholder/atomic-facet-
 export { AtomicFocusTrap } from "./atomic-focus-trap/atomic-focus-trap.js";
 export { AtomicGeneratedAnswerContent } from "./atomic-generated-answer-content/atomic-generated-answer-content.js";
 export { AtomicGeneratedAnswerFeedbackModal } from "./atomic-generated-answer-feedback-modal/atomic-generated-answer-feedback-modal.js";
+export { AtomicGeneratedAnswerInlineLink } from "./atomic-generated-answer-inline-link/atomic-generated-answer-inline-link.js";
 export { AtomicGeneratedAnswerThread } from "./atomic-generated-answer-thread/atomic-generated-answer-thread.js";
 export { AtomicGeneratedAnswerThreadItem } from "./atomic-generated-answer-thread-item/atomic-generated-answer-thread-item.js";
 export { AtomicIcon } from "./atomic-icon/atomic-icon.js";

package/dist/esm/components/common/lazy-index.js

@@ -9,6 +9,7 @@ const lazy_index = {
     'atomic-focus-trap': async ()=>await import("./atomic-focus-trap/atomic-focus-trap.js"),
     'atomic-generated-answer-content': async ()=>await import("./atomic-generated-answer-content/atomic-generated-answer-content.js"),
     'atomic-generated-answer-feedback-modal': async ()=>await import("./atomic-generated-answer-feedback-modal/atomic-generated-answer-feedback-modal.js"),
+    'atomic-generated-answer-inline-link': async ()=>await import("./atomic-generated-answer-inline-link/atomic-generated-answer-inline-link.js"),
     'atomic-generated-answer-thread': async ()=>await import("./atomic-generated-answer-thread/atomic-generated-answer-thread.js"),
     'atomic-generated-answer-thread-item': async ()=>await import("./atomic-generated-answer-thread-item/atomic-generated-answer-thread-item.js"),
     'atomic-icon': async ()=>await import("./atomic-icon/atomic-icon.js"),

package/dist/esm/global/environment.js

@@ -3,7 +3,7 @@ function getWindow() {
 }
 function getAtomicEnvironment(headlessVersion) {
     return {
-        version: "3.57.1",
+        version: "3.57.2",
         headlessVersion
     };
 }

package/dist/esm/utils/custom-element-tags.js

@@ -51,6 +51,7 @@ const ATOMIC_CUSTOM_ELEMENT_TAGS = new Set([
     'atomic-generated-answer',
     'atomic-generated-answer-content',
     'atomic-generated-answer-feedback-modal',
+    'atomic-generated-answer-inline-link',
     'atomic-generated-answer-thread',
     'atomic-generated-answer-thread-item',
     'atomic-html',

package/dist/esm/versions.js

@@ -1,3 +1,3 @@
-const atomicVersion = "3.57.1";
+const atomicVersion = "3.57.2";
 export { version as headlessVersion } from "@coveo/headless/package.json";
 export { atomicVersion };

package/dist/types/components/common/atomic-generated-answer-content/answer-context.d.ts

@@ -0,0 +1,3 @@
+export declare const answerContext: {
+    __context__: string;
+};

package/dist/types/components/common/atomic-generated-answer-content/atomic-generated-answer-content.d.ts

@@ -12,6 +12,7 @@ export interface GeneratedAnswer extends GeneratedAnswerBase {
  */
 export declare class AtomicGeneratedAnswerContent extends LitElement {
     static styles: import("lit").CSSResult[][];
+    answerId: string;
     /**
      * The generated answer object to render.
      */

package/dist/types/components/common/atomic-generated-answer-inline-link/atomic-generated-answer-inline-link.d.ts

@@ -0,0 +1,27 @@
+import { LitElement } from 'lit';
+import type { AnyBindings } from '../interface/bindings';
+import type { InitializableComponent } from '../../../decorators/types';
+/**
+ * The `atomic-generated-answer-inline-link` component renders a link within generated answer content.
+ * It builds its own headless `InteractiveGeneratedAnswerInlineLink` controller to log analytics events when the link is interacted with.
+ *
+ * @part answer-link - The anchor element.
+ * @part answer-link-text - The text content of the anchor element.
+ * @part answer-link-icon - The icon indicating the link opens in a new tab.
+ * @internal
+ */
+export declare class AtomicGeneratedAnswerInlineLink extends LitElement implements InitializableComponent<AnyBindings> {
+    static styles: import("lit").CSSResult;
+    answerId: string | null;
+    bindings: AnyBindings;
+    error: Error;
+    initialized: boolean;
+    href: string;
+    title: string;
+    private interactiveLink?;
+    initialize(): void;
+    render(): import("lit-html").TemplateResult<1>;
+    private handleSelect;
+    private handleBeginDelayedSelect;
+    private handleCancelPendingSelect;
+}

package/dist/types/components/common/atomic-generated-answer-inline-link/atomic-generated-answer-inline-link.tw.css.d.ts

@@ -0,0 +1,2 @@
+declare const styles: import("lit").CSSResult;
+export default styles;

package/dist/types/components/common/generated-answer/generated-content/generated-markdown-content.d.ts

@@ -1,4 +1,5 @@
 import type { FunctionalComponent } from '../../../../utils/functional-component-utils';
+import '../../atomic-generated-answer-inline-link/atomic-generated-answer-inline-link';
 export interface GeneratedMarkdownContentProps {
     answer?: string;
     isStreaming: boolean;

package/dist/types/components/common/index.d.ts

@@ -8,6 +8,7 @@ export { AtomicFacetPlaceholder } from './atomic-facet-placeholder/atomic-facet-
 export { AtomicFocusTrap } from './atomic-focus-trap/atomic-focus-trap.js';
 export { AtomicGeneratedAnswerContent } from './atomic-generated-answer-content/atomic-generated-answer-content.js';
 export { AtomicGeneratedAnswerFeedbackModal } from './atomic-generated-answer-feedback-modal/atomic-generated-answer-feedback-modal.js';
+export { AtomicGeneratedAnswerInlineLink } from './atomic-generated-answer-inline-link/atomic-generated-answer-inline-link.js';
 export { AtomicGeneratedAnswerThread } from './atomic-generated-answer-thread/atomic-generated-answer-thread.js';
 export { AtomicGeneratedAnswerThreadItem } from './atomic-generated-answer-thread-item/atomic-generated-answer-thread-item.js';
 export { AtomicIcon } from './atomic-icon/atomic-icon.js';

package/dist/types/components/search/atomic-generated-answer/atomic-generated-answer.d.ts

@@ -34,6 +34,9 @@ import type { InitializableComponent } from '../../../decorators/types';
  * @part answer-heading-5 - The generated answer level 5 heading elements.
  * @part answer-heading-6 - The generated answer level 6 heading elements.
  * @part answer-list-item - The generated answer list item elements for both ordered and unordered lists.
+ * @part answer-link - The generated answer inline link elements.
+ * @part answer-link-text - The text content of the inline link element.
+ * @part answer-link-icon - The icon of the the inline link element.
  * @part answer-ordered-list - The generated answer ordered list elements.
  * @part answer-paragraph - The generated answer paragraph elements.
  * @part answer-quote-block - The generated answer quote block elements.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coveo/atomic",
-  "version": "3.57.1",
+  "version": "3.57.2",
   "description": "A web-component library for building modern UIs interfacing with the Coveo platform",
   "homepage": "https://docs.coveo.com/en/atomic/latest/",
   "license": "Apache-2.0",
@@ -55,23 +55,23 @@
     "./custom-elements-manifest": "./custom-elements.json"
   },
   "dependencies": {
-    "@coveo/relay-event-types": "19.1.2",
+    "@coveo/relay-event-types": "19.5.0",
     "@lit/context": "1.1.6",
     "@open-wc/lit-helpers": "0.7.0",
     "@popperjs/core": "2.11.8",
     "@salesforce-ux/design-system": "2.29.1",
     "@stencil/core": "4.20.0",
-    "cssnano": "7.1.5",
+    "cssnano": "7.1.7",
     "dayjs": "1.11.20",
-    "dompurify": "3.4.0",
+    "dompurify": "3.4.1",
     "escape-html": "1.0.3",
     "i18next": "25.10.10",
-    "i18next-http-backend": "3.0.4",
+    "i18next-http-backend": "3.0.5",
     "lit": "3.3.2",
     "marked": "12.0.2",
-    "@coveo/atomic-legacy": "0.0.14",
+    "@coveo/atomic-legacy": "0.0.15",
     "@coveo/bueno": "1.1.9",
-    "@coveo/headless": "3.50.0"
+    "@coveo/headless": "3.50.1"
   },
   "devDependencies": {
     "@ag-ui/client": "0.0.52",
@@ -90,7 +90,7 @@
     "@types/escape-html": "1.0.4",
     "@types/node": "24.12.2",
     "@vitest/browser-playwright": "4.0.16",
-    "@wc-toolkit/storybook-helpers": "10.2.3",
+    "@wc-toolkit/storybook-helpers": "10.3.0",
     "chromatic": "15.3.1",
     "handlebars": "4.7.9",
     "lit-html": "3.3.2",
@@ -101,8 +101,8 @@
     "playwright": "1.59.1",
     "postcss": "8.5.10",
     "postcss-load-config": "6.0.1",
-    "prettier": "3.8.1",
-    "puppeteer": "24.40.0",
+    "prettier": "3.8.3",
+    "puppeteer": "24.42.0",
     "react": "19.2.5",
     "remark-gfm": "4.0.1",
     "shadow-dom-testing-library": "1.13.1",
@@ -110,14 +110,15 @@
     "tailwindcss": "4.2.4",
     "ts-dedent": "2.2.0",
     "ts-lit-plugin": "2.0.2",
-    "typescript": "6.0.2",
-    "vite": "8.0.6",
-    "vitest": "4.0.16"
+    "typescript": "6.0.3",
+    "vite": "8.0.10",
+    "vitest": "4.0.16",
+    "@coveo/atomic-a11y": "1.0.0"
   },
   "peerDependencies": {
     "typescript": ">=5.0.0",
     "@coveo/bueno": "^1.1.9",
-    "@coveo/headless": "^3.50.0"
+    "@coveo/headless": "^3.50.1"
   },
   "peerDependenciesMeta": {
     "typescript": {