@carbon/ai-chat-components 0.5.0 → 0.6.0-rc.1

package/es/components/markdown/src/markdown.d.ts

@@ -0,0 +1,44 @@
+import { LitElement, PropertyValues, TemplateResult } from "lit";
+import { TokenTree } from "./markdown-token-tree.js";
+declare class MarkdownElement extends LitElement {
+    debug: boolean;
+    markdown: string;
+    sanitizeHTML: boolean;
+    removeHTML: boolean;
+    streaming: boolean;
+    highlight: boolean;
+    filterPlaceholderText: string;
+    previousPageText: string;
+    nextPageText: string;
+    itemsPerPageText: string;
+    locale: string;
+    getPaginationSupplementalText?: ({ count }: {
+        count: number;
+    }) => string;
+    getPaginationStatusText?: ({ start, end, count, }: {
+        start: number;
+        end: number;
+        count: number;
+    }) => string;
+    feedback: string;
+    showLessText: string;
+    showMoreText: string;
+    tooltipContent: string;
+    getLineCountText?: ({ count }: {
+        count: number;
+    }) => string;
+    private needsReparse;
+    private renderTask;
+    protected willUpdate(changed: PropertyValues<this>): void;
+    tokenTree: TokenTree;
+    renderedContent: TemplateResult | 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.
+     */
+    private renderMarkdown;
+    private scheduleRender;
+    protected getUpdateComplete(): Promise<boolean>;
+}
+export default MarkdownElement;

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

@@ -0,0 +1,238 @@
+/**
+ * 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 throttle from 'lodash-es/throttle.js';
+import { markdownToTokenTree } from './markdown-token-tree.js';
+import { renderTokenTree } from './markdown-renderer.js';
+import { consoleLog, consoleError } from './utils.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
+ */
+class MarkdownElement extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.debug = false;
+        this.markdown = "";
+        this.sanitizeHTML = false;
+        this.removeHTML = false;
+        this.streaming = false;
+        this.highlight = true;
+        // Table strings
+        this.filterPlaceholderText = "Filter table...";
+        this.previousPageText = "Previous page";
+        this.nextPageText = "Next page";
+        this.itemsPerPageText = "Items per page:";
+        this.locale = "en";
+        // Code snippet strings
+        this.feedback = "Copied!";
+        this.showLessText = "Show less";
+        this.showMoreText = "Show more";
+        this.tooltipContent = "Copy code";
+        this.needsReparse = false;
+        // Tracks the latest asynchronous rendering work so callers waiting on
+        // `updateComplete` know when throttled updates are done.
+        this.renderTask = null;
+        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: [],
+        };
+        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.
+         */
+        this.renderMarkdown = async () => {
+            try {
+                if (this.needsReparse) {
+                    if (this.debug) {
+                        consoleLog("Parsing markdown", this.markdown);
+                    }
+                    // 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.markdown, 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,
+                    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,
+                });
+                if (this.debug) {
+                    consoleLog("Markdown component renderedContent", this.renderedContent);
+                }
+            }
+            catch (error) {
+                consoleError("Failed to parse markdown", error);
+            }
+        };
+        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);
+    }
+    willUpdate(changed) {
+        if (changed.has("markdown") || changed.has("removeHTML")) {
+            // Properties that affect token tree structure require full reparse
+            // - markdown: the source content changed
+            // - 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("locale") ||
+            changed.has("getPaginationSupplementalText") ||
+            changed.has("getPaginationStatusText") ||
+            changed.has("feedback") ||
+            changed.has("showLessText") ||
+            changed.has("showMoreText") ||
+            changed.has("tooltipContent") ||
+            changed.has("getLineCountText")) {
+            this.scheduleRender();
+        }
+    }
+    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;
+    }
+}
+__decorate([
+    property({ type: Boolean, attribute: "debug" })
+], MarkdownElement.prototype, "debug", void 0);
+__decorate([
+    property({ type: String, attribute: "markdown" })
+], MarkdownElement.prototype, "markdown", void 0);
+__decorate([
+    property({ type: Boolean, attribute: "sanitize-html" })
+], MarkdownElement.prototype, "sanitizeHTML", void 0);
+__decorate([
+    property({ type: Boolean, attribute: "remove-html" })
+], MarkdownElement.prototype, "removeHTML", void 0);
+__decorate([
+    property({ type: Boolean, attribute: "streaming" })
+], MarkdownElement.prototype, "streaming", void 0);
+__decorate([
+    property({ type: Boolean })
+], MarkdownElement.prototype, "highlight", void 0);
+__decorate([
+    property({ type: String, attribute: "filter-placeholder-text" })
+], MarkdownElement.prototype, "filterPlaceholderText", void 0);
+__decorate([
+    property({ type: String, attribute: "previous-page-text" })
+], MarkdownElement.prototype, "previousPageText", void 0);
+__decorate([
+    property({ type: String, attribute: "next-page-text" })
+], MarkdownElement.prototype, "nextPageText", void 0);
+__decorate([
+    property({ type: String, attribute: "items-per-page-text" })
+], MarkdownElement.prototype, "itemsPerPageText", void 0);
+__decorate([
+    property({ type: String, attribute: "locale" })
+], MarkdownElement.prototype, "locale", void 0);
+__decorate([
+    property({ type: Object, attribute: false })
+], MarkdownElement.prototype, "getPaginationSupplementalText", void 0);
+__decorate([
+    property({ type: Object, attribute: false })
+], MarkdownElement.prototype, "getPaginationStatusText", void 0);
+__decorate([
+    property({ type: String, attribute: "feedback" })
+], MarkdownElement.prototype, "feedback", void 0);
+__decorate([
+    property({ type: String, attribute: "show-less-text" })
+], MarkdownElement.prototype, "showLessText", void 0);
+__decorate([
+    property({ type: String, attribute: "show-more-text" })
+], MarkdownElement.prototype, "showMoreText", void 0);
+__decorate([
+    property({ type: String, attribute: "tooltip-content" })
+], MarkdownElement.prototype, "tooltipContent", void 0);
+__decorate([
+    property({ type: Object, attribute: false })
+], MarkdownElement.prototype, "getLineCountText", void 0);
+__decorate([
+    state()
+], MarkdownElement.prototype, "tokenTree", void 0);
+__decorate([
+    state()
+], MarkdownElement.prototype, "renderedContent", void 0);
+
+export { MarkdownElement as default };
+//# sourceMappingURL=markdown.js.map

package/es/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":";;;;;;;;;;;;;;;AAAA;;;;;;;AAOG;AAUH,MAAM,eAAgB,SAAQ,UAAU,CAAA;AAAxC,IAAA,WAAA,GAAA;;QAEE,IAAA,CAAA,KAAK,GAAG,KAAK;QAGb,IAAA,CAAA,QAAQ,GAAG,EAAE;QAGb,IAAA,CAAA,YAAY,GAAG,KAAK;QAGpB,IAAA,CAAA,UAAU,GAAG,KAAK;QAGlB,IAAA,CAAA,SAAS,GAAG,KAAK;QAGjB,IAAA,CAAA,SAAS,GAAG,IAAI;;QAIhB,IAAA,CAAA,qBAAqB,GAAG,iBAAiB;QAGzC,IAAA,CAAA,gBAAgB,GAAG,eAAe;QAGlC,IAAA,CAAA,YAAY,GAAG,WAAW;QAG1B,IAAA,CAAA,gBAAgB,GAAG,iBAAiB;QAGpC,IAAA,CAAA,MAAM,GAAG,IAAI;;QAkBb,IAAA,CAAA,QAAQ,GAAG,SAAS;QAGpB,IAAA,CAAA,YAAY,GAAG,WAAW;QAG1B,IAAA,CAAA,YAAY,GAAG,WAAW;QAG1B,IAAA,CAAA,cAAc,GAAG,WAAW;QAKpB,IAAA,CAAA,YAAY,GAAG,KAAK;;;QAGpB,IAAA,CAAA,UAAU,GAAyB,IAAI;AAkC/C,QAAA,IAAA,CAAA,SAAS,GAAc;AACrB,YAAA,GAAG,EAAE,MAAM;AACX,YAAA,KAAK,EAAE;AACL,gBAAA,IAAI,EAAE,MAAM;AACZ,gBAAA,GAAG,EAAE,EAAE;AACP,gBAAA,OAAO,EAAE,CAAC;AACV,gBAAA,KAAK,EAAE,CAAC;AACR,gBAAA,OAAO,EAAE,EAAE;AACX,gBAAA,KAAK,EAAE,IAAI;AACX,gBAAA,QAAQ,EAAE,IAAI;AACd,gBAAA,MAAM,EAAE,EAAE;AACV,gBAAA,KAAK,EAAE,IAAI;AACX,gBAAA,MAAM,EAAE,KAAK;AACb,gBAAA,GAAG,EAAE,IAAI;AACT,gBAAA,IAAI,EAAE,EAAE;AACR,gBAAA,IAAI,EAAE,IAAI;AACX,aAAA;AACD,YAAA,QAAQ,EAAE,EAAE;SACb;QAGD,IAAA,CAAA,eAAe,GAA0B,IAAI;AAE7C;;;;AAIG;QACK,IAAA,CAAA,cAAc,GAAG,YAAW;AAClC,YAAA,IAAI;AACF,gBAAA,IAAI,IAAI,CAAC,YAAY,EAAE;AACrB,oBAAA,IAAI,IAAI,CAAC,KAAK,EAAE;AACd,wBAAA,UAAU,CAAC,kBAAkB,EAAE,IAAI,CAAC,QAAQ,CAAC;oBAC/C;;;;;;AAMA,oBAAA,IAAI,CAAC,SAAS,GAAG,mBAAmB,CAClC,IAAI,CAAC,QAAQ,EACb,IAAI,CAAC,SAAS,EACd,CAAC,IAAI,CAAC,UAAU,CACjB;AACD,oBAAA,IAAI,CAAC,YAAY,GAAG,KAAK;gBAC3B;;;gBAIA,IAAI,CAAC,eAAe,GAAG,eAAe,CAAC,IAAI,CAAC,SAAS,EAAE;oBACrD,QAAQ,EAAE,IAAI,CAAC,YAAY;oBAC3B,SAAS,EAAE,IAAI,CAAC,SAAS;oBACzB,SAAS,EAAE,IAAI,CAAC,SAAS;;oBAEzB,qBAAqB,EAAE,IAAI,CAAC,qBAAqB;oBACjD,gBAAgB,EAAE,IAAI,CAAC,gBAAgB;oBACvC,YAAY,EAAE,IAAI,CAAC,YAAY;oBAC/B,gBAAgB,EAAE,IAAI,CAAC,gBAAgB;oBACvC,MAAM,EAAE,IAAI,CAAC,MAAM;oBACnB,6BAA6B,EAAE,IAAI,CAAC,6BAA6B;oBACjE,uBAAuB,EAAE,IAAI,CAAC,uBAAuB;;oBAErD,QAAQ,EAAE,IAAI,CAAC,QAAQ;oBACvB,YAAY,EAAE,IAAI,CAAC,YAAY;oBAC/B,YAAY,EAAE,IAAI,CAAC,YAAY;oBAC/B,cAAc,EAAE,IAAI,CAAC,cAAc;oBACnC,gBAAgB,EAAE,IAAI,CAAC,gBAAgB;AACxC,iBAAA,CAAC;AAEF,gBAAA,IAAI,IAAI,CAAC,KAAK,EAAE;AACd,oBAAA,UAAU,CAAC,oCAAoC,EAAE,IAAI,CAAC,eAAe,CAAC;gBACxE;YACF;YAAE,OAAO,KAAK,EAAE;AACd,gBAAA,YAAY,CAAC,0BAA0B,EAAE,KAAK,CAAC;YACjD;AACF,QAAA,CAAC;AAEO,QAAA,IAAA,CAAA,cAAc,GAAG,QAAQ,CAAC,MAAK;;;AAGrC,YAAA,MAAM,IAAI,GAAG,IAAI,CAAC,cAAc,EAAE;AAClC,YAAA,MAAM,WAAW,GAAG,IAAI,CAAC,OAAO,CAAC,MAAK;AACpC,gBAAA,IAAI,IAAI,CAAC,UAAU,KAAK,WAAW,EAAE;AACnC,oBAAA,IAAI,CAAC,UAAU,GAAG,IAAI;gBACxB;AACF,YAAA,CAAC,CAAC;AAEF,YAAA,IAAI,CAAC,UAAU,GAAG,WAAW;AAC7B,YAAA,OAAO,WAAW;QACpB,CAAC,EAAE,GAAG,CAAC;IA0BT;AAnJY,IAAA,UAAU,CAAC,OAA6B,EAAA;AAChD,QAAA,IAAI,OAAO,CAAC,GAAG,CAAC,UAAU,CAAC,IAAI,OAAO,CAAC,GAAG,CAAC,YAAY,CAAC,EAAE;;;;AAIxD,YAAA,IAAI,CAAC,YAAY,GAAG,IAAI;YACxB,IAAI,CAAC,cAAc,EAAE;QACvB;AAAO,aAAA;;;;;AAKL,QAAA,OAAO,CAAC,GAAG,CAAC,cAAc,CAAC;AAC3B,YAAA,OAAO,CAAC,GAAG,CAAC,WAAW,CAAC;AACxB,YAAA,OAAO,CAAC,GAAG,CAAC,uBAAuB,CAAC;AACpC,YAAA,OAAO,CAAC,GAAG,CAAC,kBAAkB,CAAC;AAC/B,YAAA,OAAO,CAAC,GAAG,CAAC,cAAc,CAAC;AAC3B,YAAA,OAAO,CAAC,GAAG,CAAC,kBAAkB,CAAC;AAC/B,YAAA,OAAO,CAAC,GAAG,CAAC,QAAQ,CAAC;AACrB,YAAA,OAAO,CAAC,GAAG,CAAC,+BAA+B,CAAC;AAC5C,YAAA,OAAO,CAAC,GAAG,CAAC,yBAAyB,CAAC;AACtC,YAAA,OAAO,CAAC,GAAG,CAAC,UAAU,CAAC;AACvB,YAAA,OAAO,CAAC,GAAG,CAAC,cAAc,CAAC;AAC3B,YAAA,OAAO,CAAC,GAAG,CAAC,cAAc,CAAC;AAC3B,YAAA,OAAO,CAAC,GAAG,CAAC,gBAAgB,CAAC;AAC7B,YAAA,OAAO,CAAC,GAAG,CAAC,kBAAkB,CAAC,EAC/B;YACA,IAAI,CAAC,cAAc,EAAE;QACvB;IACF;AA8FU,IAAA,MAAM,iBAAiB,GAAA;;;;;;AAM/B,QAAA,MAAM,MAAM,GAAG,MAAM,KAAK,CAAC,iBAAiB,EAAE;QAE9C,MAAM,WAAW,GACf,IAAI,CAAC,cAGN,CAAC,KAAK,IAAI;AAEX,QAAA,IAAI,WAAW,YAAY,OAAO,EAAE;AAClC,YAAA,MAAM,WAAW;QACnB;AAEA,QAAA,IAAI,IAAI,CAAC,UAAU,EAAE;YACnB,MAAM,IAAI,CAAC,UAAU;QACvB;AAEA,QAAA,OAAO,MAAM;IACf;AACD;AAvNC,UAAA,CAAA;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE;AACjC,CAAA,EAAA,eAAA,CAAA,SAAA,EAAA,OAAA,EAAA,MAAA,CAAA;AAGd,UAAA,CAAA;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,UAAU,EAAE;AACnC,CAAA,EAAA,eAAA,CAAA,SAAA,EAAA,UAAA,EAAA,MAAA,CAAA;AAGd,UAAA,CAAA;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,eAAe,EAAE;AAClC,CAAA,EAAA,eAAA,CAAA,SAAA,EAAA,cAAA,EAAA,MAAA,CAAA;AAGrB,UAAA,CAAA;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE;AAClC,CAAA,EAAA,eAAA,CAAA,SAAA,EAAA,YAAA,EAAA,MAAA,CAAA;AAGnB,UAAA,CAAA;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE;AACjC,CAAA,EAAA,eAAA,CAAA,SAAA,EAAA,WAAA,EAAA,MAAA,CAAA;AAGlB,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE;AACV,CAAA,EAAA,eAAA,CAAA,SAAA,EAAA,WAAA,EAAA,MAAA,CAAA;AAIjB,UAAA,CAAA;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,yBAAyB,EAAE;AACtB,CAAA,EAAA,eAAA,CAAA,SAAA,EAAA,uBAAA,EAAA,MAAA,CAAA;AAG1C,UAAA,CAAA;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,oBAAoB,EAAE;AACxB,CAAA,EAAA,eAAA,CAAA,SAAA,EAAA,kBAAA,EAAA,MAAA,CAAA;AAGnC,UAAA,CAAA;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,gBAAgB,EAAE;AAC5B,CAAA,EAAA,eAAA,CAAA,SAAA,EAAA,cAAA,EAAA,MAAA,CAAA;AAG3B,UAAA,CAAA;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,qBAAqB,EAAE;AACvB,CAAA,EAAA,eAAA,CAAA,SAAA,EAAA,kBAAA,EAAA,MAAA,CAAA;AAGrC,UAAA,CAAA;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE;AACjC,CAAA,EAAA,eAAA,CAAA,SAAA,EAAA,QAAA,EAAA,MAAA,CAAA;AAGd,UAAA,CAAA;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE;AAC6B,CAAA,EAAA,eAAA,CAAA,SAAA,EAAA,+BAAA,EAAA,MAAA,CAAA;AAGzE,UAAA,CAAA;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE;AAS/B,CAAA,EAAA,eAAA,CAAA,SAAA,EAAA,yBAAA,EAAA,MAAA,CAAA;AAIb,UAAA,CAAA;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,UAAU,EAAE;AAC5B,CAAA,EAAA,eAAA,CAAA,SAAA,EAAA,UAAA,EAAA,MAAA,CAAA;AAGrB,UAAA,CAAA;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,gBAAgB,EAAE;AAC5B,CAAA,EAAA,eAAA,CAAA,SAAA,EAAA,cAAA,EAAA,MAAA,CAAA;AAG3B,UAAA,CAAA;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,gBAAgB,EAAE;AAC5B,CAAA,EAAA,eAAA,CAAA,SAAA,EAAA,cAAA,EAAA,MAAA,CAAA;AAG3B,UAAA,CAAA;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,iBAAiB,EAAE;AAC3B,CAAA,EAAA,eAAA,CAAA,SAAA,EAAA,gBAAA,EAAA,MAAA,CAAA;AAG7B,UAAA,CAAA;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE;AACgB,CAAA,EAAA,eAAA,CAAA,SAAA,EAAA,kBAAA,EAAA,MAAA,CAAA;AAuC5D,UAAA,CAAA;AADC,IAAA,KAAK;AAmBJ,CAAA,EAAA,eAAA,CAAA,SAAA,EAAA,WAAA,EAAA,MAAA,CAAA;AAGF,UAAA,CAAA;AADC,IAAA,KAAK;AACwC,CAAA,EAAA,eAAA,CAAA,SAAA,EAAA,iBAAA,EAAA,MAAA,CAAA;;;;"}

package/es/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-background,#fff);color:var(--cds-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-heading-06-font-size,2.625rem);font-weight:var(--cds-heading-06-font-weight,300);letter-spacing:var(--cds-heading-06-letter-spacing,0);line-height:var(--cds-heading-06-line-height,1.199)}h2{font-size:var(--cds-heading-05-font-size,2rem);font-weight:var(--cds-heading-05-font-weight,400);letter-spacing:var(--cds-heading-05-letter-spacing,0);line-height:var(--cds-heading-05-line-height,1.25)}h3{font-size:var(--cds-heading-04-font-size,1.75rem);font-weight:var(--cds-heading-04-font-weight,400);letter-spacing:var(--cds-heading-04-letter-spacing,0);line-height:var(--cds-heading-04-line-height,1.28572)}h4{font-size:var(--cds-heading-03-font-size,1.25rem);font-weight:var(--cds-heading-03-font-weight,400);letter-spacing:var(--cds-heading-03-letter-spacing,0);line-height:var(--cds-heading-03-line-height,1.4)}h5{font-size:var(--cds-heading-02-font-size,1rem);font-weight:var(--cds-heading-02-font-weight,600);letter-spacing:var(--cds-heading-02-letter-spacing,0);line-height:var(--cds-heading-02-line-height,1.5)}h6{font-size:var(--cds-heading-01-font-size,.875rem);font-weight:var(--cds-heading-01-font-weight,600);letter-spacing:var(--cds-heading-01-letter-spacing,.16px);line-height:var(--cds-heading-01-line-height,1.42857)}p{font-size:var(--cds-body-02-font-size,1rem);font-weight:var(--cds-body-02-font-weight,400);letter-spacing:var(--cds-body-02-letter-spacing,0);line-height:var(--cds-body-02-line-height,1.5)}a{color:var(--cds-link-primary,#0062fe)}em{font-style:italic}.cds--link{border:0;box-sizing:border-box;font-family:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}.cds--link *,.cds--link :after,.cds--link :before{box-sizing:inherit}.cds--link{color:var(--cds-link-text-color,var(--cds-link-primary,#0f62fe));display:inline-flex;font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);line-height:var(--cds-body-compact-01-line-height,1.28572);outline:none;text-decoration:none;transition:color 70ms cubic-bezier(.2,0,.38,.9)}.cds--link:hover{color:var(--cds-link-hover-text-color,var(--cds-link-primary-hover,#0043ce));text-decoration:underline}.cds--link:active:not(.cds--link--disabled),.cds--link:active:visited,.cds--link:active:visited:hover{outline:1px solid var(--cds-focus,#0f62fe)}@media screen and (prefers-contrast){.cds--link:active:not(.cds--link--disabled),.cds--link:active:visited,.cds--link:active:visited:hover{outline-style:dotted}}.cds--link:active:not(.cds--link--disabled),.cds--link:active:visited,.cds--link:active:visited:hover{color:var(--cds-link-text-color,var(--cds-link-primary,#0f62fe));outline-color:var(--cds-link-focus-text-color,var(--cds-focus,#0f62fe));text-decoration:underline}.cds--link:focus:not(.cds--link--disabled){outline:1px solid var(--cds-focus,#0f62fe)}@media screen and (prefers-contrast){.cds--link:focus:not(.cds--link--disabled){outline-style:dotted}}.cds--link:focus:not(.cds--link--disabled){outline-color:var(--cds-link-focus-text-color,var(--cds-focus,#0f62fe));text-decoration:underline}.cds--link:visited{color:var(--cds-link-text-color,var(--cds-link-primary,#0f62fe))}.cds--link:visited:hover{color:var(--cds-link-hover-text-color,var(--cds-link-primary-hover,#0043ce))}.cds--link--disabled,.cds--link--disabled:hover{border:0;box-sizing:border-box;font-family:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}.cds--link--disabled *,.cds--link--disabled :after,.cds--link--disabled :before,.cds--link--disabled:hover *,.cds--link--disabled:hover :after,.cds--link--disabled:hover :before{box-sizing:inherit}.cds--link--disabled,.cds--link--disabled:hover{color:var(--cds-text-disabled,hsla(0,0%,9%,.25));cursor:not-allowed;font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);font-weight:400;letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);line-height:var(--cds-body-compact-01-line-height,1.28572);text-decoration:none}.cds--link.cds--link--visited:visited{color:var(--cds-link-visited-text-color,var(--cds-link-visited,#8a3ffc))}.cds--link.cds--link--visited:visited:hover{color:var(--cds-link-hover-text-color,var(--cds-link-primary-hover,#0043ce))}.cds--link.cds--link--inline{display:inline;text-decoration:underline}.cds--link--disabled.cds--link--inline{text-decoration:underline}.cds--link--sm,.cds--link--sm.cds--link--disabled:hover{font-size:var(--cds-helper-text-01-font-size,.75rem);letter-spacing:var(--cds-helper-text-01-letter-spacing,.32px);line-height:var(--cds-helper-text-01-line-height,1.33333)}.cds--link--lg,.cds--link--lg.cds--link--disabled:hover{font-size:var(--cds-body-compact-02-font-size,1rem);font-weight:var(--cds-body-compact-02-font-weight,400);letter-spacing:var(--cds-body-compact-02-letter-spacing,0);line-height:var(--cds-body-compact-02-line-height,1.375)}.cds--link__icon{align-self:center;display:inline-flex;margin-inline-start:.5rem}:host{display:block;font-size:var(--cds-body-01-font-size,.875rem);font-weight:var(--cds-body-01-font-weight,400);inline-size:100%;letter-spacing:var(--cds-body-01-letter-spacing,.16px);line-height:var(--cds-body-01-line-height,1.42857);max-inline-size:100%}:host mark{background-color:var(--cds-highlight,#d0e2ff);border-radius:4px;color:var(--cds-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-body-01-font-size,.875rem);font-weight:var(--cds-body-01-font-weight,400);letter-spacing:var(--cds-body-01-letter-spacing,.16px);line-height:var(--cds-body-01-line-height,1.42857)}:host blockquote{border-inline-start:2px solid var(--cds-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-layer-02,#fff);border:1px solid var(--cds-chat-bubble-border,#e0e0e0);font-family:var(--cds-code-02-font-family,\"IBM Plex Mono\",system-ui,-apple-system,BlinkMacSystemFont,\".SFNSText-Regular\",monospace);font-size:var(--cds-code-02-font-size,.875rem);font-weight:var(--cds-code-02-font-weight,400);letter-spacing:var(--cds-code-02-letter-spacing,.32px);line-height:var(--cds-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-heading-04-font-size,1.75rem);font-weight:var(--cds-heading-04-font-weight,400);letter-spacing:var(--cds-heading-04-letter-spacing,0);line-height:var(--cds-heading-04-line-height,1.28572)}:host h2{font-size:var(--cds-heading-03-font-size,1.25rem);font-weight:var(--cds-heading-03-font-weight,400);letter-spacing:var(--cds-heading-03-letter-spacing,0);line-height:var(--cds-heading-03-line-height,1.4)}:host h3{font-size:var(--cds-heading-02-font-size,1rem);font-weight:var(--cds-heading-02-font-weight,600);letter-spacing:var(--cds-heading-02-letter-spacing,0);line-height:var(--cds-heading-02-line-height,1.5)}:host h4{font-size:var(--cds-heading-01-font-size,.875rem);font-weight:var(--cds-heading-01-font-weight,600);letter-spacing:var(--cds-heading-01-letter-spacing,.16px);line-height:var(--cds-heading-01-line-height,1.42857)}:host h5{font-size:var(--cds-heading-01-font-size,.875rem);font-weight:var(--cds-heading-01-font-weight,600);letter-spacing:var(--cds-heading-01-letter-spacing,.16px);line-height:var(--cds-heading-01-line-height,1.42857)}:host h6{font-size:var(--cds-heading-01-font-size,.875rem);font-weight:var(--cds-heading-01-font-weight,600);letter-spacing:var(--cds-heading-01-letter-spacing,.16px);line-height:var(--cds-heading-01-line-height,1.42857)}:host cds-ordered-list:not([nested]) cds-list-item{margin-inline-start:1.5rem}:host cds-aichat-code-snippet-tile-container{display:block;margin-block-end:1rem}:host cds-aichat-code-snippet-tile-container:not(:defined){display:none}"]);
+
+export { styles as default };
+//# sourceMappingURL=markdown.scss.js.map

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

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

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

@@ -0,0 +1,3 @@
+import MarkdownElement from "./markdown.js";
+declare function markdownTemplate(customElementClass: MarkdownElement): import("lit-html").TemplateResult<1>;
+export { markdownTemplate };

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

@@ -0,0 +1,24 @@
+/**
+ * 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';
+
+/*
+ *  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(customElementClass) {
+    const { renderedContent } = customElementClass;
+    return html `<div class="cds-aichat-markdown-stack">${renderedContent}</div>`;
+}
+
+export { markdownTemplate };
+//# sourceMappingURL=markdown.template.js.map

package/es/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;AAMH,SAAS,gBAAgB,CAAC,kBAAmC,EAAA;AAC3D,IAAA,MAAM,EAAE,eAAe,EAAE,GAAG,kBAAkB;AAC9C,IAAA,OAAO,IAAI,CAAA,CAAA,uCAAA,EAA0C,eAAe,QAAQ;AAC9E;;;;"}

package/es/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/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/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/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/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/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/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 };

package/es/components/markdown/src/plugins/markdown-it-task-lists.js

@@ -0,0 +1,73 @@
+/**
+ * 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 markdownItTaskLists(md) {
+    md.core.ruler.after("inline", "task-lists", (state) => {
+        const tokens = state.tokens;
+        for (let i = 0; i < tokens.length; i++) {
+            const token = tokens[i];
+            // Look for list items
+            if (token.type !== "inline") {
+                continue;
+            }
+            // Check if we're inside a list item
+            if (i < 2 || tokens[i - 2].type !== "list_item_open") {
+                continue;
+            }
+            const children = token.children;
+            if (!children || children.length === 0) {
+                continue;
+            }
+            // Check if the first child starts with task list syntax
+            const firstChild = children[0];
+            if (firstChild.type !== "text") {
+                continue;
+            }
+            const match = firstChild.content.match(/^\[([ xX])\]\s+/);
+            if (!match) {
+                continue;
+            }
+            const checked = match[1] !== " ";
+            const listItemToken = tokens[i - 2];
+            // Add task-list-item class to the list item
+            const attrs = listItemToken.attrs || [];
+            const classIndex = attrs.findIndex(([key]) => key === "class");
+            if (classIndex >= 0) {
+                attrs[classIndex][1] += " task-list-item";
+            }
+            else {
+                attrs.push(["class", "task-list-item"]);
+            }
+            listItemToken.attrs = attrs;
+            const checkboxOpenToken = new state.Token("task_checkbox_open", "cds-checkbox", 1);
+            checkboxOpenToken.content = "";
+            checkboxOpenToken.attrs = [
+                ["checked", checked ? "true" : "false"],
+                ["disabled", "true"],
+            ];
+            const checkboxCloseToken = new state.Token("task_checkbox_close", "cds-checkbox", -1);
+            checkboxCloseToken.content = "";
+            // Remove the checkbox syntax from the text
+            firstChild.content = firstChild.content.slice(match[0].length);
+            // Insert checkbox token at the beginning
+            children.unshift(checkboxOpenToken);
+            children.push(checkboxCloseToken);
+        }
+        return false;
+    });
+}
+
+export { markdownItTaskLists };
+//# sourceMappingURL=markdown-it-task-lists.js.map

package/es/components/markdown/src/plugins/markdown-it-task-lists.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"markdown-it-task-lists.js","sources":["../../../../../src/components/markdown/src/plugins/markdown-it-task-lists.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;AAAA;;;;;;;AAOG;AAgBH,SAAS,mBAAmB,CAAC,EAAc,EAAA;AACzC,IAAA,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,QAAQ,EAAE,YAAY,EAAE,CAAC,KAAgB,KAAI;AAC/D,QAAA,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM;AAE3B,QAAA,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;AACtC,YAAA,MAAM,KAAK,GAAG,MAAM,CAAC,CAAC,CAAC;;AAGvB,YAAA,IAAI,KAAK,CAAC,IAAI,KAAK,QAAQ,EAAE;gBAC3B;YACF;;AAGA,YAAA,IAAI,CAAC,GAAG,CAAC,IAAI,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,KAAK,gBAAgB,EAAE;gBACpD;YACF;AAEA,YAAA,MAAM,QAAQ,GAAG,KAAK,CAAC,QAAQ;YAC/B,IAAI,CAAC,QAAQ,IAAI,QAAQ,CAAC,MAAM,KAAK,CAAC,EAAE;gBACtC;YACF;;AAGA,YAAA,MAAM,UAAU,GAAG,QAAQ,CAAC,CAAC,CAAC;AAC9B,YAAA,IAAI,UAAU,CAAC,IAAI,KAAK,MAAM,EAAE;gBAC9B;YACF;YAEA,MAAM,KAAK,GAAG,UAAU,CAAC,OAAO,CAAC,KAAK,CAAC,iBAAiB,CAAC;YACzD,IAAI,CAAC,KAAK,EAAE;gBACV;YACF;YAEA,MAAM,OAAO,GAAG,KAAK,CAAC,CAAC,CAAC,KAAK,GAAG;YAChC,MAAM,aAAa,GAAG,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC;;AAGnC,YAAA,MAAM,KAAK,GAAG,aAAa,CAAC,KAAK,IAAI,EAAE;AACvC,YAAA,MAAM,UAAU,GAAG,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,CAAC,KAAK,GAAG,KAAK,OAAO,CAAC;AAC9D,YAAA,IAAI,UAAU,IAAI,CAAC,EAAE;gBACnB,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,IAAI,iBAAiB;YAC3C;iBAAO;gBACL,KAAK,CAAC,IAAI,CAAC,CAAC,OAAO,EAAE,gBAAgB,CAAC,CAAC;YACzC;AACA,YAAA,aAAa,CAAC,KAAK,GAAG,KAAK;AAE3B,YAAA,MAAM,iBAAiB,GAAU,IAAI,KAAK,CAAC,KAAK,CAC9C,oBAAoB,EACpB,cAAc,EACd,CAAC,CACF;AACD,YAAA,iBAAiB,CAAC,OAAO,GAAG,EAAE;YAC9B,iBAAiB,CAAC,KAAK,GAAG;gBACxB,CAAC,SAAS,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC;gBACvC,CAAC,UAAU,EAAE,MAAM,CAAC;aACrB;AAED,YAAA,MAAM,kBAAkB,GAAU,IAAI,KAAK,CAAC,KAAK,CAC/C,qBAAqB,EACrB,cAAc,EACd,EAAE,CACH;AACD,YAAA,kBAAkB,CAAC,OAAO,GAAG,EAAE;;AAG/B,YAAA,UAAU,CAAC,OAAO,GAAG,UAAU,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC;;AAG9D,YAAA,QAAQ,CAAC,OAAO,CAAC,iBAAiB,CAAC;AACnC,YAAA,QAAQ,CAAC,IAAI,CAAC,kBAAkB,CAAC;QACnC;AAEA,QAAA,OAAO,KAAK;AACd,IAAA,CAAC,CAAC;AACJ;;;;"}