@carbon/ai-chat-components 0.7.0 → 0.7.1

package/es-custom/components/markdown/src/markdown.js

@@ -0,0 +1,342 @@
+/**
+ * Copyright IBM Corp. 2025
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import { __decorate } from 'tslib';
+import { LitElement } from 'lit';
+import { property, state } from 'lit/decorators.js';
+import { carbonElement } from '../../../globals/decorators/carbon-element.js';
+import styles from './markdown.scss.js';
+import throttle from 'lodash-es/throttle.js';
+import { createRef } from 'lit/directives/ref.js';
+import { markdownToTokenTree } from './markdown-token-tree.js';
+import { renderTokenTree } from './markdown-renderer.js';
+import { consoleError } from './utils.js';
+import { markdownTemplate } from './markdown.template.js';
+
+/*
+ *  Copyright IBM Corp. 2025
+ *
+ *  This source code is licensed under the Apache-2.0 license found in the
+ *  LICENSE file in the root directory of this source tree.
+ *
+ *  @license
+ */
+let CDSAIChatMarkdown = class CDSAIChatMarkdown extends LitElement {
+    constructor() {
+        super(...arguments);
+        /**
+         * Sanitize any HTML included in the markdown. e.g. remove script tags, onclick handlers, etc.
+         */
+        this.sanitizeHTML = false;
+        /**
+         * Remove all HTML from included markdown.
+         */
+        this.removeHTML = false;
+        /**
+         * If you are actively streaming, setting this to true can help prevent needless UI thrashing when writing
+         * complex components (like a sortable and filterable table).
+         */
+        this.streaming = false;
+        /**
+         * Enable syntax highlighting for any code fence blocks.
+         */
+        this.highlight = true;
+        // Table strings
+        /** Placeholder text for table filters. */
+        this.filterPlaceholderText = "Filter table...";
+        /** Label for the previous page control in tables. */
+        this.previousPageText = "Previous page";
+        /** Label for the next page control in tables. */
+        this.nextPageText = "Next page";
+        /** Label for the items-per-page control in tables. */
+        this.itemsPerPageText = "Items per page:";
+        /** Label for download of CSV of table data. */
+        this.downloadLabelText = "Download table data";
+        /** Locale used for table pagination and formatting. */
+        this.locale = "en";
+        // Code snippet strings
+        /** Feedback text shown after copying code blocks. */
+        this.feedback = "Copied!";
+        /** Label for collapsing long code blocks. */
+        this.showLessText = "Show less";
+        /** Label for expanding long code blocks. */
+        this.showMoreText = "Show more";
+        /** Tooltip content for the copy action on code blocks. */
+        this.tooltipContent = "Copy code";
+        /**
+         * @internal
+         */
+        this.needsReparse = false;
+        /**
+         * @internal
+         */
+        this.contentSlot = createRef();
+        /**
+         * @internal
+         */
+        this._slottedMarkdown = "";
+        /**
+         * Tracks the latest asynchronous rendering work so callers waiting on `updateComplete` know when throttled updates are done.
+         *
+         * @internal
+         */
+        this.renderTask = null;
+        /**
+         * @internal
+         */
+        this.tokenTree = {
+            key: "root",
+            token: {
+                type: "root",
+                tag: "",
+                nesting: 0,
+                level: 0,
+                content: "",
+                attrs: null,
+                children: null,
+                markup: "",
+                block: true,
+                hidden: false,
+                map: null,
+                info: "",
+                meta: null,
+            },
+            children: [],
+        };
+        /**
+         * @internal
+         */
+        this.renderedContent = null;
+        /**
+         * Throttled function that updates the rendered content.
+         * If needsReparse is true, parses markdown into a token tree first.
+         * Otherwise, just re-renders the existing token tree with current settings.
+         *
+         * @internal
+         */
+        this.renderMarkdown = async () => {
+            try {
+                if (this.needsReparse) {
+                    // First, we take the markdown we were given and use the markdown-it parser to turn is into a tree we can
+                    // transform into Lit components and compare smartly to avoid re-renders of components that were already
+                    // rendered when the markdown is updated (likely by streaming, but possibly by an edit somewhere in the
+                    // middle). It takes the current tokenTree as an argument for quick diffing to avoid re-creating parts
+                    // of the tree.
+                    this.tokenTree = markdownToTokenTree(this._slottedMarkdown, this.tokenTree, !this.removeHTML);
+                    this.needsReparse = false;
+                }
+                // Next we take that tree and transform it into Lit content to be rendered into the template.
+                // this.renderedContent is what is rendered in the template directly.
+                this.renderedContent = renderTokenTree(this.tokenTree, {
+                    sanitize: this.sanitizeHTML,
+                    streaming: this.streaming,
+                    highlight: this.highlight,
+                    // Table strings
+                    filterPlaceholderText: this.filterPlaceholderText,
+                    previousPageText: this.previousPageText,
+                    nextPageText: this.nextPageText,
+                    itemsPerPageText: this.itemsPerPageText,
+                    downloadLabelText: this.downloadLabelText,
+                    locale: this.locale,
+                    getPaginationSupplementalText: this.getPaginationSupplementalText,
+                    getPaginationStatusText: this.getPaginationStatusText,
+                    // Code snippet strings
+                    feedback: this.feedback,
+                    showLessText: this.showLessText,
+                    showMoreText: this.showMoreText,
+                    tooltipContent: this.tooltipContent,
+                    getLineCountText: this.getLineCountText,
+                });
+            }
+            catch (error) {
+                consoleError("Failed to parse markdown", error);
+            }
+        };
+        /**
+         * @internal
+         */
+        this.scheduleRender = throttle(() => {
+            // Lit's getter/setter pipeline can schedule multiple renders quickly.
+            // We capture the active render promise so we can report completion later.
+            const task = this.renderMarkdown();
+            const trackedTask = task.finally(() => {
+                if (this.renderTask === trackedTask) {
+                    this.renderTask = null;
+                }
+            });
+            this.renderTask = trackedTask;
+            return trackedTask;
+        }, 150);
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this.needsReparse = true;
+        this.scheduleRender();
+        this._syncMarkdownFromLightDom();
+        this.mutationObserver = new MutationObserver(() => {
+            this._syncMarkdownFromLightDom();
+        });
+        this.mutationObserver.observe(this, {
+            childList: true,
+            characterData: true,
+            subtree: true,
+        });
+    }
+    disconnectedCallback() {
+        this.mutationObserver?.disconnect();
+        this.mutationObserver = undefined;
+        super.disconnectedCallback();
+    }
+    willUpdate(changed) {
+        if (changed.has("removeHTML")) {
+            // Properties that affect token tree structure require full reparse
+            // - removeHTML: changes which parser is used (html: true vs false)
+            this.needsReparse = true;
+            this.scheduleRender();
+        }
+        else if (
+        // Properties that only affect rendering can skip reparsing
+        // - sanitizeHTML: applies DOMPurify during render, doesn't change tokens
+        // - string properties: change translated strings in rendered output
+        // - streaming: affects loading states in rendered output
+        changed.has("sanitizeHTML") ||
+            changed.has("streaming") ||
+            changed.has("filterPlaceholderText") ||
+            changed.has("previousPageText") ||
+            changed.has("nextPageText") ||
+            changed.has("itemsPerPageText") ||
+            changed.has("downloadLabelText") ||
+            changed.has("locale") ||
+            changed.has("getPaginationSupplementalText") ||
+            changed.has("getPaginationStatusText") ||
+            changed.has("feedback") ||
+            changed.has("showLessText") ||
+            changed.has("showMoreText") ||
+            changed.has("tooltipContent") ||
+            changed.has("getLineCountText")) {
+            this.scheduleRender();
+        }
+    }
+    /**
+     * Reads slotted text content and uses it as the markdown source when provided.
+     */
+    _syncMarkdownFromLightDom() {
+        const slotEl = this.contentSlot.value;
+        let content = "";
+        if (slotEl) {
+            content = slotEl
+                .assignedNodes({ flatten: true })
+                .map((node) => ("textContent" in node ? node.textContent || "" : ""))
+                .join("")
+                .trim();
+        }
+        else if (this.childNodes.length) {
+            // Fallback before the slot is stamped
+            content = Array.from(this.childNodes)
+                .map((node) => ("textContent" in node ? node.textContent || "" : ""))
+                .join("")
+                .trim();
+        }
+        if (content && content !== this._slottedMarkdown) {
+            this._slottedMarkdown = content;
+            this.needsReparse = true;
+            this.scheduleRender();
+        }
+    }
+    firstUpdated() {
+        this._syncMarkdownFromLightDom();
+    }
+    async getUpdateComplete() {
+        // `updateComplete` is Lit's public hook for consumers/tests to await
+        // all pending work. Because we throttle renders, the base implementation
+        // might resolve before the throttled callback runs. Overriding this
+        // method lets us flush the throttle and await the render promise so
+        // callers can reliably wait for `renderedContent` to update.
+        const result = await super.getUpdateComplete();
+        const flushResult = this.scheduleRender.flush?.();
+        if (flushResult instanceof Promise) {
+            await flushResult;
+        }
+        if (this.renderTask) {
+            await this.renderTask;
+        }
+        return result;
+    }
+    render() {
+        const { renderedContent } = this;
+        return markdownTemplate({
+            slotRef: this.contentSlot,
+            onSlotChange: () => this._syncMarkdownFromLightDom(),
+            renderedContent,
+        });
+    }
+};
+CDSAIChatMarkdown.styles = styles;
+__decorate([
+    property({ type: Boolean, attribute: "sanitize-html" })
+], CDSAIChatMarkdown.prototype, "sanitizeHTML", void 0);
+__decorate([
+    property({ type: Boolean, attribute: "remove-html" })
+], CDSAIChatMarkdown.prototype, "removeHTML", void 0);
+__decorate([
+    property({ type: Boolean, attribute: "streaming" })
+], CDSAIChatMarkdown.prototype, "streaming", void 0);
+__decorate([
+    property({ type: Boolean, attribute: "highlight" })
+], CDSAIChatMarkdown.prototype, "highlight", void 0);
+__decorate([
+    property({ type: String, attribute: "filter-placeholder-text" })
+], CDSAIChatMarkdown.prototype, "filterPlaceholderText", void 0);
+__decorate([
+    property({ type: String, attribute: "previous-page-text" })
+], CDSAIChatMarkdown.prototype, "previousPageText", void 0);
+__decorate([
+    property({ type: String, attribute: "next-page-text" })
+], CDSAIChatMarkdown.prototype, "nextPageText", void 0);
+__decorate([
+    property({ type: String, attribute: "items-per-page-text" })
+], CDSAIChatMarkdown.prototype, "itemsPerPageText", void 0);
+__decorate([
+    property({ type: String, attribute: "download-label-text" })
+], CDSAIChatMarkdown.prototype, "downloadLabelText", void 0);
+__decorate([
+    property({ type: String, attribute: "locale" })
+], CDSAIChatMarkdown.prototype, "locale", void 0);
+__decorate([
+    property({ type: Object, attribute: false })
+], CDSAIChatMarkdown.prototype, "getPaginationSupplementalText", void 0);
+__decorate([
+    property({ type: Object, attribute: false })
+], CDSAIChatMarkdown.prototype, "getPaginationStatusText", void 0);
+__decorate([
+    property({ type: String, attribute: "feedback" })
+], CDSAIChatMarkdown.prototype, "feedback", void 0);
+__decorate([
+    property({ type: String, attribute: "show-less-text" })
+], CDSAIChatMarkdown.prototype, "showLessText", void 0);
+__decorate([
+    property({ type: String, attribute: "show-more-text" })
+], CDSAIChatMarkdown.prototype, "showMoreText", void 0);
+__decorate([
+    property({ type: String, attribute: "tooltip-content" })
+], CDSAIChatMarkdown.prototype, "tooltipContent", void 0);
+__decorate([
+    property({ type: Object, attribute: false })
+], CDSAIChatMarkdown.prototype, "getLineCountText", void 0);
+__decorate([
+    state()
+], CDSAIChatMarkdown.prototype, "tokenTree", void 0);
+__decorate([
+    state()
+], CDSAIChatMarkdown.prototype, "renderedContent", void 0);
+CDSAIChatMarkdown = __decorate([
+    carbonElement("cds-aichat-markdown")
+], CDSAIChatMarkdown);
+var CDSAIChatMarkdown$1 = CDSAIChatMarkdown;
+
+export { CDSAIChatMarkdown, CDSAIChatMarkdown$1 as default };
+//# sourceMappingURL=markdown.js.map

package/es-custom/components/markdown/src/markdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"markdown.js","sources":["../../../../src/components/markdown/src/markdown.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}

package/es-custom/components/markdown/src/markdown.scss.js

@@ -0,0 +1,13 @@
+/**
+ * Copyright IBM Corp. 2025
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import { css } from 'lit';
+
+var styles = css(["a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{font-feature-settings:\"liga\" 1;border:0;font:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}button,input,select,textarea{border-radius:0;font-family:inherit}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{background-color:var(--cds-custom-background,#fff);color:var(--cds-custom-text-primary,#161616);line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:none}table{border-collapse:collapse;border-spacing:0}html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}html{font-size:100%}body{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif;font-weight:400;text-rendering:optimizeLegibility}code{font-family:IBM Plex Mono,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,monospace}strong{font-weight:600}@media screen and (-ms-high-contrast:active){svg{fill:ButtonText}}h1{font-size:var(--cds-custom-heading-06-font-size,2.625rem);font-weight:var(--cds-custom-heading-06-font-weight,300);letter-spacing:var(--cds-custom-heading-06-letter-spacing,0);line-height:var(--cds-custom-heading-06-line-height,1.199)}h2{font-size:var(--cds-custom-heading-05-font-size,2rem);font-weight:var(--cds-custom-heading-05-font-weight,400);letter-spacing:var(--cds-custom-heading-05-letter-spacing,0);line-height:var(--cds-custom-heading-05-line-height,1.25)}h3{font-size:var(--cds-custom-heading-04-font-size,1.75rem);font-weight:var(--cds-custom-heading-04-font-weight,400);letter-spacing:var(--cds-custom-heading-04-letter-spacing,0);line-height:var(--cds-custom-heading-04-line-height,1.28572)}h4{font-size:var(--cds-custom-heading-03-font-size,1.25rem);font-weight:var(--cds-custom-heading-03-font-weight,400);letter-spacing:var(--cds-custom-heading-03-letter-spacing,0);line-height:var(--cds-custom-heading-03-line-height,1.4)}h5{font-size:var(--cds-custom-heading-02-font-size,1rem);font-weight:var(--cds-custom-heading-02-font-weight,600);letter-spacing:var(--cds-custom-heading-02-letter-spacing,0);line-height:var(--cds-custom-heading-02-line-height,1.5)}h6{font-size:var(--cds-custom-heading-01-font-size,.875rem);font-weight:var(--cds-custom-heading-01-font-weight,600);letter-spacing:var(--cds-custom-heading-01-letter-spacing,.16px);line-height:var(--cds-custom-heading-01-line-height,1.42857)}p{font-size:var(--cds-custom-body-02-font-size,1rem);font-weight:var(--cds-custom-body-02-font-weight,400);letter-spacing:var(--cds-custom-body-02-letter-spacing,0);line-height:var(--cds-custom-body-02-line-height,1.5)}a{color:var(--cds-custom-link-primary,#0062fe)}em{font-style:italic}.cds-custom--link{border:0;box-sizing:border-box;font-family:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}.cds-custom--link *,.cds-custom--link :after,.cds-custom--link :before{box-sizing:inherit}.cds-custom--link{color:var(--cds-custom-link-text-color,var(--cds-custom-link-primary,#0f62fe));display:inline-flex;font-size:var(--cds-custom-body-compact-01-font-size,.875rem);font-weight:var(--cds-custom-body-compact-01-font-weight,400);letter-spacing:var(--cds-custom-body-compact-01-letter-spacing,.16px);line-height:var(--cds-custom-body-compact-01-line-height,1.28572);outline:none;text-decoration:none;transition:color 70ms cubic-bezier(.2,0,.38,.9)}.cds-custom--link:hover{color:var(--cds-custom-link-hover-text-color,var(--cds-custom-link-primary-hover,#0043ce));text-decoration:underline}.cds-custom--link:active:not(.cds-custom--link--disabled),.cds-custom--link:active:visited,.cds-custom--link:active:visited:hover{outline:1px solid var(--cds-custom-focus,#0f62fe)}@media screen and (prefers-contrast){.cds-custom--link:active:not(.cds-custom--link--disabled),.cds-custom--link:active:visited,.cds-custom--link:active:visited:hover{outline-style:dotted}}.cds-custom--link:active:not(.cds-custom--link--disabled),.cds-custom--link:active:visited,.cds-custom--link:active:visited:hover{color:var(--cds-custom-link-text-color,var(--cds-custom-link-primary,#0f62fe));outline-color:var(--cds-custom-link-focus-text-color,var(--cds-custom-focus,#0f62fe));text-decoration:underline}.cds-custom--link:focus:not(.cds-custom--link--disabled){outline:1px solid var(--cds-custom-focus,#0f62fe)}@media screen and (prefers-contrast){.cds-custom--link:focus:not(.cds-custom--link--disabled){outline-style:dotted}}.cds-custom--link:focus:not(.cds-custom--link--disabled){outline-color:var(--cds-custom-link-focus-text-color,var(--cds-custom-focus,#0f62fe));text-decoration:underline}.cds-custom--link:visited{color:var(--cds-custom-link-text-color,var(--cds-custom-link-primary,#0f62fe))}.cds-custom--link:visited:hover{color:var(--cds-custom-link-hover-text-color,var(--cds-custom-link-primary-hover,#0043ce))}.cds-custom--link--disabled,.cds-custom--link--disabled:hover{border:0;box-sizing:border-box;font-family:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}.cds-custom--link--disabled *,.cds-custom--link--disabled :after,.cds-custom--link--disabled :before,.cds-custom--link--disabled:hover *,.cds-custom--link--disabled:hover :after,.cds-custom--link--disabled:hover :before{box-sizing:inherit}.cds-custom--link--disabled,.cds-custom--link--disabled:hover{color:var(--cds-custom-text-disabled,hsla(0,0%,9%,.25));cursor:not-allowed;font-size:var(--cds-custom-body-compact-01-font-size,.875rem);font-weight:var(--cds-custom-body-compact-01-font-weight,400);font-weight:400;letter-spacing:var(--cds-custom-body-compact-01-letter-spacing,.16px);line-height:var(--cds-custom-body-compact-01-line-height,1.28572);text-decoration:none}.cds-custom--link.cds-custom--link--visited,.cds-custom--link.cds-custom--link--visited:visited{color:var(--cds-custom-link-visited-text-color,var(--cds-custom-link-visited,#8a3ffc))}.cds-custom--link.cds-custom--link--visited:hover,.cds-custom--link.cds-custom--link--visited:visited:hover{color:var(--cds-custom-link-hover-text-color,var(--cds-custom-link-primary-hover,#0043ce))}.cds-custom--link.cds-custom--link--inline{display:inline;text-decoration:underline}.cds-custom--link--disabled.cds-custom--link--inline{text-decoration:underline}.cds-custom--link--sm,.cds-custom--link--sm.cds-custom--link--disabled:hover{font-size:var(--cds-custom-helper-text-01-font-size,.75rem);letter-spacing:var(--cds-custom-helper-text-01-letter-spacing,.32px);line-height:var(--cds-custom-helper-text-01-line-height,1.33333)}.cds-custom--link--lg,.cds-custom--link--lg.cds-custom--link--disabled:hover{font-size:var(--cds-custom-body-compact-02-font-size,1rem);font-weight:var(--cds-custom-body-compact-02-font-weight,400);letter-spacing:var(--cds-custom-body-compact-02-letter-spacing,0);line-height:var(--cds-custom-body-compact-02-line-height,1.375)}.cds-custom--link__icon{align-self:center;display:inline-flex;margin-inline-start:.5rem}:host{display:block;font-size:var(--cds-custom-body-01-font-size,.875rem);font-weight:var(--cds-custom-body-01-font-weight,400);inline-size:100%;letter-spacing:var(--cds-custom-body-01-letter-spacing,.16px);line-height:var(--cds-custom-body-01-line-height,1.42857);max-inline-size:100%}:host mark{background-color:var(--cds-custom-highlight,#d0e2ff);border-radius:.25rem;color:var(--cds-custom-text-primary,#161616)}:host b,:host strong{font-weight:700}:host em,:host i{font-style:italic}:host .cds-aichat-markdown-stack{display:block;max-inline-size:100%}:host .cds-aichat-markdown-stack>:not(:first-child){margin-block-start:1rem}:host .cds-aichat-markdown-stack>h1+:not(:first-child),:host .cds-aichat-markdown-stack>h2+:not(:first-child),:host .cds-aichat-markdown-stack>h3+:not(:first-child),:host .cds-aichat-markdown-stack>h4+:not(:first-child),:host .cds-aichat-markdown-stack>h5+:not(:first-child),:host .cds-aichat-markdown-stack>h6+:not(:first-child){margin-block-start:.25rem}:host p{font-size:var(--cds-custom-body-01-font-size,.875rem);font-weight:var(--cds-custom-body-01-font-weight,400);letter-spacing:var(--cds-custom-body-01-letter-spacing,.16px);line-height:var(--cds-custom-body-01-line-height,1.42857)}:host blockquote{border-inline-start:2px solid var(--cds-custom-border-subtle-00,#e0e0e0);padding-inline-start:.5rem}:host blockquote>:not(:first-child){margin-block-start:1rem}:host blockquote>h1+:not(:first-child),:host blockquote>h2+:not(:first-child),:host blockquote>h3+:not(:first-child),:host blockquote>h4+:not(:first-child),:host blockquote>h5+:not(:first-child),:host blockquote>h6+:not(:first-child){margin-block-start:.5rem}:host pre{background-color:var(--cds-custom-layer-02,#fff);border:1px solid var(--cds-custom-chat-bubble-border,#e0e0e0);font-family:var(--cds-custom-code-02-font-family,\"IBM Plex Mono\",system-ui,-apple-system,BlinkMacSystemFont,\".SFNSText-Regular\",monospace);font-size:var(--cds-custom-code-02-font-size,.875rem);font-weight:var(--cds-custom-code-02-font-weight,400);letter-spacing:var(--cds-custom-code-02-letter-spacing,.32px);line-height:var(--cds-custom-code-02-line-height,1.42857);overflow:auto hidden;padding:1rem;white-space:pre-wrap}:host img{max-inline-size:100%}:host h1{font-size:var(--cds-custom-heading-04-font-size,1.75rem);font-weight:var(--cds-custom-heading-04-font-weight,400);letter-spacing:var(--cds-custom-heading-04-letter-spacing,0);line-height:var(--cds-custom-heading-04-line-height,1.28572)}:host h2{font-size:var(--cds-custom-heading-03-font-size,1.25rem);font-weight:var(--cds-custom-heading-03-font-weight,400);letter-spacing:var(--cds-custom-heading-03-letter-spacing,0);line-height:var(--cds-custom-heading-03-line-height,1.4)}:host h3{font-size:var(--cds-custom-heading-02-font-size,1rem);font-weight:var(--cds-custom-heading-02-font-weight,600);letter-spacing:var(--cds-custom-heading-02-letter-spacing,0);line-height:var(--cds-custom-heading-02-line-height,1.5)}:host h4{font-size:var(--cds-custom-heading-01-font-size,.875rem);font-weight:var(--cds-custom-heading-01-font-weight,600);letter-spacing:var(--cds-custom-heading-01-letter-spacing,.16px);line-height:var(--cds-custom-heading-01-line-height,1.42857)}:host h5{font-size:var(--cds-custom-heading-01-font-size,.875rem);font-weight:var(--cds-custom-heading-01-font-weight,600);letter-spacing:var(--cds-custom-heading-01-letter-spacing,.16px);line-height:var(--cds-custom-heading-01-line-height,1.42857)}:host h6{font-size:var(--cds-custom-heading-01-font-size,.875rem);font-weight:var(--cds-custom-heading-01-font-weight,600);letter-spacing:var(--cds-custom-heading-01-letter-spacing,.16px);line-height:var(--cds-custom-heading-01-line-height,1.42857)}:host cds-custom-ordered-list:not([nested]) cds-custom-list-item{margin-inline-start:1.5rem}:host cds-aichat-code-snippet-card{display:block;margin-block-end:1rem}:host cds-aichat-code-snippet-card:not(:defined){display:none}"]);
+
+export { styles as default };
+//# sourceMappingURL=markdown.scss.js.map

package/es-custom/components/markdown/src/markdown.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"markdown.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;"}

package/es-custom/components/markdown/src/markdown.template.d.ts

@@ -0,0 +1,6 @@
+declare function markdownTemplate({ slotRef, onSlotChange, renderedContent, }: {
+    slotRef: any;
+    onSlotChange: () => void;
+    renderedContent: unknown;
+}): import("lit-html").TemplateResult<1>;
+export { markdownTemplate };

package/es-custom/components/markdown/src/markdown.template.js

@@ -0,0 +1,29 @@
+/**
+ * Copyright IBM Corp. 2025
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import { html } from 'lit';
+import { ref } from 'lit/directives/ref.js';
+
+/*
+ *  Copyright IBM Corp. 2025
+ *
+ *  This source code is licensed under the Apache-2.0 license found in the
+ *  LICENSE file in the root directory of this source tree.
+ *
+ *  @license
+ */
+function markdownTemplate({ slotRef, onSlotChange, renderedContent, }) {
+    return html `
+    <div class="cds-aichat-markdown-stack">${renderedContent}</div>
+    <div hidden>
+      <slot ${ref(slotRef)} @slotchange=${onSlotChange}></slot>
+    </div>
+  `;
+}
+
+export { markdownTemplate };
+//# sourceMappingURL=markdown.template.js.map

package/es-custom/components/markdown/src/markdown.template.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"markdown.template.js","sources":["../../../../src/components/markdown/src/markdown.template.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;;AAAA;;;;;;;AAOG;AAKH,SAAS,gBAAgB,CAAC,EACxB,OAAO,EACP,YAAY,EACZ,eAAe,GAKhB,EAAA;AACC,IAAA,OAAO,IAAI,CAAA;6CACgC,eAAe,CAAA;;AAE9C,YAAA,EAAA,GAAG,CAAC,OAAO,CAAC,CAAA,aAAA,EAAgB,YAAY,CAAA;;GAEnD;AACH;;;;"}

package/es-custom/components/markdown/src/plugins/markdown-it-attrs.d.ts

@@ -0,0 +1,7 @@
+import type MarkdownIt from "markdown-it";
+import type { MarkdownItAttrsOptions } from "./markdownItAttrs/types.js";
+/**
+ * Markdown-it plugin that adds support for applying attributes to markdown elements using curly brace syntax.
+ */
+export declare function markdownItAttrs(md: MarkdownIt, options_?: MarkdownItAttrsOptions): void;
+export default markdownItAttrs;

package/es-custom/components/markdown/src/plugins/markdown-it-attrs.js

@@ -0,0 +1,84 @@
+/**
+ * Copyright IBM Corp. 2025
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import { test } from './markdownItAttrs/core.js';
+import { createPatterns } from './markdownItAttrs/patterns/index.js';
+
+/*
+ *  Copyright IBM Corp. 2025
+ *
+ *  This source code is licensed under the Apache-2.0 license found in the
+ *  LICENSE file in the root directory of this source tree.
+ *
+ *  @license
+ */
+const defaultOptions = {
+    leftDelimiter: "{",
+    rightDelimiter: "}",
+    allowedAttributes: [],
+};
+/**
+ * Markdown-it plugin that adds support for applying attributes to markdown elements using curly brace syntax.
+ */
+function markdownItAttrs(md, options_) {
+    const options = Object.assign({}, defaultOptions, options_);
+    // Create an array of pattern matchers that detect and transform different markdown
+    // elements with attribute syntax (e.g., {.class #id key=val}). Each pattern defines
+    // rules for matching specific token sequences and transforming them by extracting
+    // and applying the attributes. Different patterns are needed because attributes appear
+    // in different positions for different elements:
+    //   - Links: attributes after closing: [text](url){target="_blank"}
+    //   - Inline elements: attributes after closing: **bold**{.class}
+    //   - Code blocks: attributes at end of info string: ```js{.highlight}
+    //   - Tables: attributes in paragraph after table_close
+    //   - Lists: attributes on softbreak or at item end
+    // Each pattern knows where to look for attributes and which token to apply them to.
+    const patterns = createPatterns(options);
+    /**
+     * Core processing function that walks through all tokens in the markdown document
+     * and applies attribute transformations when patterns match.
+     */
+    function curlyAttrs(state) {
+        const tokens = state.tokens;
+        // Iterate through each token in the document
+        for (let tokenIndex = 0; tokenIndex < tokens.length; tokenIndex++) {
+            // Test each pattern against the current token position
+            for (let patternIndex = 0; patternIndex < patterns.length; patternIndex++) {
+                const pattern = patterns[patternIndex];
+                let childIndex = null;
+                // Check if all tests in the pattern match
+                const patternMatches = pattern.tests.every((rule) => {
+                    const result = test(tokens, tokenIndex, rule);
+                    if (result.j !== null) {
+                        childIndex = result.j; // Store child token index if matched within children
+                    }
+                    return result.match;
+                });
+                // If pattern matched, apply the transformation
+                if (patternMatches) {
+                    try {
+                        pattern.transform(tokens, tokenIndex, childIndex ?? undefined);
+                        // For inline patterns, re-check the same position since tokens may have changed
+                        if (pattern.name === "inline attributes" ||
+                            pattern.name === "inline nesting 0") {
+                            patternIndex--;
+                        }
+                    }
+                    catch (error) {
+                        console.error(`markdown-it-attrs: Error in pattern '${pattern.name}': ${error.message}`);
+                        console.error(error.stack);
+                    }
+                }
+            }
+        }
+    }
+    // Register the curlyAttrs function to run before linkify in the markdown-it processing pipeline
+    md.core.ruler.before("linkify", "curly_attributes", curlyAttrs);
+}
+
+export { markdownItAttrs as default, markdownItAttrs };
+//# sourceMappingURL=markdown-it-attrs.js.map

package/es-custom/components/markdown/src/plugins/markdown-it-attrs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"markdown-it-attrs.js","sources":["../../../../../src/components/markdown/src/plugins/markdown-it-attrs.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;;AAAA;;;;;;;AAOG;AAwCH,MAAM,cAAc,GAAqC;AACvD,IAAA,aAAa,EAAE,GAAG;AAClB,IAAA,cAAc,EAAE,GAAG;AACnB,IAAA,iBAAiB,EAAE,EAAE;CACtB;AAED;;AAEG;AACG,SAAU,eAAe,CAC7B,EAAc,EACd,QAAiC,EAAA;AAEjC,IAAA,MAAM,OAAO,GAAqC,MAAM,CAAC,MAAM,CAC7D,EAAE,EACF,cAAc,EACd,QAAQ,CACT;;;;;;;;;;;;AAaD,IAAA,MAAM,QAAQ,GAAG,cAAc,CAAC,OAAO,CAAC;AAExC;;;AAGG;IACH,SAAS,UAAU,CAAC,KAAgB,EAAA;AAClC,QAAA,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM;;AAG3B,QAAA,KAAK,IAAI,UAAU,GAAG,CAAC,EAAE,UAAU,GAAG,MAAM,CAAC,MAAM,EAAE,UAAU,EAAE,EAAE;;AAEjE,YAAA,KACE,IAAI,YAAY,GAAG,CAAC,EACpB,YAAY,GAAG,QAAQ,CAAC,MAAM,EAC9B,YAAY,EAAE,EACd;AACA,gBAAA,MAAM,OAAO,GAAG,QAAQ,CAAC,YAAY,CAAC;gBACtC,IAAI,UAAU,GAAkB,IAAI;;gBAGpC,MAAM,cAAc,GAAG,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,IAAI,KAAI;oBAClD,MAAM,MAAM,GAAG,IAAI,CAAC,MAAM,EAAE,UAAU,EAAE,IAAI,CAAC;AAC7C,oBAAA,IAAI,MAAM,CAAC,CAAC,KAAK,IAAI,EAAE;AACrB,wBAAA,UAAU,GAAG,MAAM,CAAC,CAAC,CAAC;oBACxB;oBACA,OAAO,MAAM,CAAC,KAAK;AACrB,gBAAA,CAAC,CAAC;;gBAGF,IAAI,cAAc,EAAE;AAClB,oBAAA,IAAI;wBACF,OAAO,CAAC,SAAS,CAAC,MAAM,EAAE,UAAU,EAAE,UAAU,IAAI,SAAS,CAAC;;AAG9D,wBAAA,IACE,OAAO,CAAC,IAAI,KAAK,mBAAmB;AACpC,4BAAA,OAAO,CAAC,IAAI,KAAK,kBAAkB,EACnC;AACA,4BAAA,YAAY,EAAE;wBAChB;oBACF;oBAAE,OAAO,KAAK,EAAE;AACd,wBAAA,OAAO,CAAC,KAAK,CACX,CAAA,qCAAA,EAAwC,OAAO,CAAC,IAAI,CAAA,GAAA,EAAO,KAAe,CAAC,OAAO,CAAA,CAAE,CACrF;AACD,wBAAA,OAAO,CAAC,KAAK,CAAE,KAAe,CAAC,KAAK,CAAC;oBACvC;gBACF;YACF;QACF;IACF;;AAGA,IAAA,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,SAAS,EAAE,kBAAkB,EAAE,UAAU,CAAC;AACjE;;;;"}

package/es-custom/components/markdown/src/plugins/markdown-it-highlight.d.ts

@@ -0,0 +1,7 @@
+/**
+ * A markdown-it plugin that handles text highlighting using ==highlight== syntax.
+ * This follows the extended markdown syntax from https://www.markdownguide.org/extended-syntax/
+ */
+import MarkdownIt from "markdown-it";
+declare function markdownItHighlight(md: MarkdownIt): void;
+export { markdownItHighlight };

package/es-custom/components/markdown/src/plugins/markdown-it-highlight.js

@@ -0,0 +1,59 @@
+/**
+ * Copyright IBM Corp. 2025
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+/*
+ *  Copyright IBM Corp. 2025
+ *
+ *  This source code is licensed under the Apache-2.0 license found in the
+ *  LICENSE file in the root directory of this source tree.
+ *
+ *  @license
+ */
+function markdownItHighlight(md) {
+    // Define the highlight rule
+    md.inline.ruler.before("emphasis", "highlight", (state, silent) => {
+        const marker = "==";
+        const markerLength = marker.length;
+        const start = state.pos;
+        if (state.src.slice(start, start + markerLength) !== marker) {
+            return false;
+        }
+        if (silent) {
+            return false; // Don't execute when in silent mode
+        }
+        const max = state.posMax;
+        let pos = start + markerLength;
+        // Find the closing marker
+        while (pos < max) {
+            if (state.src.slice(pos, pos + markerLength) === marker) {
+                const content = state.src.slice(start + markerLength, pos);
+                if (content.trim()) {
+                    const token = state.push("highlight_open", "mark", 1);
+                    token.markup = marker;
+                    // Recursively tokenize the content to support nested formatting
+                    const oldPos = state.pos;
+                    const oldPosMax = state.posMax;
+                    state.pos = start + markerLength;
+                    state.posMax = pos;
+                    state.md.inline.tokenize(state);
+                    state.pos = oldPos;
+                    state.posMax = oldPosMax;
+                    const closeToken = state.push("highlight_close", "mark", -1);
+                    closeToken.markup = marker;
+                    state.pos = pos + markerLength;
+                    return true;
+                }
+                break;
+            }
+            pos++;
+        }
+        return false;
+    });
+}
+
+export { markdownItHighlight };
+//# sourceMappingURL=markdown-it-highlight.js.map

package/es-custom/components/markdown/src/plugins/markdown-it-highlight.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"markdown-it-highlight.js","sources":["../../../../../src/components/markdown/src/plugins/markdown-it-highlight.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;AAAA;;;;;;;AAOG;AASH,SAAS,mBAAmB,CAAC,EAAc,EAAA;;AAEzC,IAAA,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,UAAU,EAAE,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,KAAI;QAChE,MAAM,MAAM,GAAG,IAAI;AACnB,QAAA,MAAM,YAAY,GAAG,MAAM,CAAC,MAAM;AAClC,QAAA,MAAM,KAAK,GAAG,KAAK,CAAC,GAAG;AAEvB,QAAA,IAAI,KAAK,CAAC,GAAG,CAAC,KAAK,CAAC,KAAK,EAAE,KAAK,GAAG,YAAY,CAAC,KAAK,MAAM,EAAE;AAC3D,YAAA,OAAO,KAAK;QACd;QAEA,IAAI,MAAM,EAAE;YACV,OAAO,KAAK,CAAC;QACf;AAEA,QAAA,MAAM,GAAG,GAAG,KAAK,CAAC,MAAM;AACxB,QAAA,IAAI,GAAG,GAAG,KAAK,GAAG,YAAY;;AAG9B,QAAA,OAAO,GAAG,GAAG,GAAG,EAAE;AAChB,YAAA,IAAI,KAAK,CAAC,GAAG,CAAC,KAAK,CAAC,GAAG,EAAE,GAAG,GAAG,YAAY,CAAC,KAAK,MAAM,EAAE;AACvD,gBAAA,MAAM,OAAO,GAAG,KAAK,CAAC,GAAG,CAAC,KAAK,CAAC,KAAK,GAAG,YAAY,EAAE,GAAG,CAAC;AAE1D,gBAAA,IAAI,OAAO,CAAC,IAAI,EAAE,EAAE;AAClB,oBAAA,MAAM,KAAK,GAAG,KAAK,CAAC,IAAI,CAAC,gBAAgB,EAAE,MAAM,EAAE,CAAC,CAAC;AACrD,oBAAA,KAAK,CAAC,MAAM,GAAG,MAAM;;AAGrB,oBAAA,MAAM,MAAM,GAAG,KAAK,CAAC,GAAG;AACxB,oBAAA,MAAM,SAAS,GAAG,KAAK,CAAC,MAAM;AAC9B,oBAAA,KAAK,CAAC,GAAG,GAAG,KAAK,GAAG,YAAY;AAChC,oBAAA,KAAK,CAAC,MAAM,GAAG,GAAG;oBAClB,KAAK,CAAC,EAAE,CAAC,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC;AAC/B,oBAAA,KAAK,CAAC,GAAG,GAAG,MAAM;AAClB,oBAAA,KAAK,CAAC,MAAM,GAAG,SAAS;AAExB,oBAAA,MAAM,UAAU,GAAG,KAAK,CAAC,IAAI,CAAC,iBAAiB,EAAE,MAAM,EAAE,EAAE,CAAC;AAC5D,oBAAA,UAAU,CAAC,MAAM,GAAG,MAAM;AAE1B,oBAAA,KAAK,CAAC,GAAG,GAAG,GAAG,GAAG,YAAY;AAC9B,oBAAA,OAAO,IAAI;gBACb;gBACA;YACF;AACA,YAAA,GAAG,EAAE;QACP;AAEA,QAAA,OAAO,KAAK;AACd,IAAA,CAAC,CAAC;AACJ;;;;"}

package/es-custom/components/markdown/src/plugins/markdown-it-task-lists.d.ts

@@ -0,0 +1,12 @@
+/**
+ * A markdown-it plugin that handles task lists with checkbox syntax.
+ * Implements GitHub Flavored Markdown task list extension.
+ *
+ * Syntax:
+ * - [ ] Unchecked task
+ * - [x] Checked task
+ * - [X] Checked task (uppercase also supported)
+ */
+import MarkdownIt from "markdown-it";
+declare function markdownItTaskLists(md: MarkdownIt): void;
+export { markdownItTaskLists };