@verbb/plugin-kit-web 2.0.24 → 2.0.25

package/CHANGELOG.md

@@ -2,6 +2,11 @@
 
 ## Unreleased
 
+## 2.0.25 - 2026-10-15
+
+### Fixed
+- Fixed variable chip keyboard focus indicators to surround the whole chip with a soft lavender ring when configuring it and highlight the remove button separately.
+
 ## 2.0.24 - 2026-10-09
 
 ### Changed

package/dist/chunks/{pk-tiptap-content-C2qzGQKj.js → pk-tiptap-content-DmS_2EUi.js}

@@ -1,6 +1,6 @@
 import { i as customElement, n as PkElement, t as __decorate } from "./decorate-Br_PE9pq.js";
 import { n as query, t as property } from "./decorators-BkErmuYK.js";
-import { i as createVariableTagDomNodeView, t as tiptapContentProseMirrorStyles } from "./tiptap.styles-Q4ED1nBw.js";
+import { i as createVariableTagDomNodeView, t as tiptapContentProseMirrorStyles } from "./tiptap.styles-Cwb_cj9g.js";
 import { css, html } from "lit";
 import { Editor } from "@tiptap/core";
 import { createTiptapExtensions, valueToContent } from "@verbb/plugin-kit-tiptap-core";
@@ -76,4 +76,4 @@ PkTiptapContent = __decorate([customElement("pk-tiptap-content")], PkTiptapConte
 //#endregion
 export { PkTiptapContent as t };
 
-//# sourceMappingURL=pk-tiptap-content-C2qzGQKj.js.map
+//# sourceMappingURL=pk-tiptap-content-DmS_2EUi.js.map

package/dist/chunks/{pk-tiptap-content-C2qzGQKj.js.map → pk-tiptap-content-DmS_2EUi.js.map}

@@ -1 +1 @@
-{"version":3,"file":"pk-tiptap-content-C2qzGQKj.js","names":["_decorate"],"sources":["../../src/components/tiptap/pk-tiptap-content.styles.ts","../../src/components/tiptap/pk-tiptap-content.ts"],"sourcesContent":["import { css } from 'lit';\n\nexport const pkTiptapContentStyles = css`\n    @layer pk-component {\n        :host {\n            display: block;\n            width: 100%;\n            /* Inherit light-DOM color/size (warning banners, badges). Tokens override when set. */\n            color: var(--pk-tiptap-content-color, inherit);\n            font-family: var(--pk-font-family);\n            font-size: var(--pk-tiptap-content-font-size, inherit);\n            line-height: var(--pk-tiptap-content-line-height, 1.4);\n        }\n    }\n`;\n","import { html } from 'lit';\nimport { customElement, property, query } from '../../decorators.js';\nimport type { PropertyValues } from 'lit';\nimport { Editor } from '@tiptap/core';\nimport {\n    createTiptapExtensions,\n    valueToContent,\n} from '@verbb/plugin-kit-tiptap-core';\n\nimport { PkElement } from '../../base/pk-element.js';\nimport { createVariableTagDomNodeView } from './variable-tag-node-view.js';\nimport { pkTiptapContentStyles } from './pk-tiptap-content.styles.js';\nimport { tiptapContentProseMirrorStyles } from './tiptap.styles.js';\n\nfunction serializeContent(doc: ReturnType<typeof valueToContent>): string {\n    if (!doc) {\n        return '[]';\n    }\n\n    if (Array.isArray(doc.content)) {\n        return JSON.stringify(doc.content);\n    }\n\n    return JSON.stringify(doc);\n}\n\n/**\n * Read-only TipTap / ProseMirror renderer.\n *\n * Pass the same `value` shapes as TiptapEditor: node array, doc object, or JSON string.\n */\n@customElement('pk-tiptap-content')\nexport class PkTiptapContent extends PkElement {\n    static override styles = [pkTiptapContentStyles, tiptapContentProseMirrorStyles];\n\n    @query('.editor-mount')\n    private editorMount!: HTMLDivElement;\n\n    private editor: Editor | null = null;\n\n    @property({ attribute: 'value' })\n    value = '';\n\n    override disconnectedCallback(): void {\n        this.editor?.destroy();\n        this.editor = null;\n        super.disconnectedCallback();\n    }\n\n    override updated(changed: PropertyValues): void {\n        if (changed.has('value') && this.editor) {\n            this.syncContent();\n        }\n\n        super.updated(changed);\n    }\n\n    override firstUpdated(): void {\n        this.mountEditor();\n    }\n\n    private mountEditor(): void {\n        this.editor = new Editor({\n            element: this.editorMount,\n            extensions: createTiptapExtensions({\n                variableTagNodeView: createVariableTagDomNodeView(),\n                surface: 'content',\n            }),\n            content: valueToContent(this.value),\n            editable: false,\n        });\n    }\n\n    private syncContent(): void {\n        if (!this.editor) {\n            return;\n        }\n\n        const doc = valueToContent(this.value) ?? { type: 'doc', content: [] };\n        const incoming = serializeContent(valueToContent(this.value));\n        const current = serializeContent(this.editor.getJSON() as ReturnType<typeof valueToContent>);\n\n        if (incoming === current) {\n            return;\n        }\n\n        this.editor.commands.setContent(doc);\n    }\n\n    override render() {\n        return html`<div class=\"editor-mount\" part=\"content\"></div>`;\n    }\n}\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'pk-tiptap-content': PkTiptapContent;\n    }\n}\n"],"mappings":";;;;;;;AAEA,IAAa,wBAAwB,GAAG;;;;;;;;;;;;;;;ACYxC,SAAS,iBAAiB,KAAgD;CACtE,IAAI,CAAC,KACD,OAAO;CAGX,IAAI,MAAM,QAAQ,IAAI,OAAO,GACzB,OAAO,KAAK,UAAU,IAAI,OAAO;CAGrC,OAAO,KAAK,UAAU,GAAG;AAC7B;AAQO,IAAM,kBAAN,MAAM,wBAAwB,UAAU;;;EAMX,KAAA,SAAA;EAGxB,KAAA,QAAA;;;EARiB,KAAA,SAAA,CAAC,uBAAuB,8BAA8B;;CAU/E,uBAAsC;EAClC,KAAK,QAAQ,QAAQ;EACrB,KAAK,SAAS;EACd,MAAM,qBAAqB;CAC/B;CAEA,QAAiB,SAA+B;EAC5C,IAAI,QAAQ,IAAI,OAAO,KAAK,KAAK,QAC7B,KAAK,YAAY;EAGrB,MAAM,QAAQ,OAAO;CACzB;CAEA,eAA8B;EAC1B,KAAK,YAAY;CACrB;CAEA,cAA4B;EACxB,KAAK,SAAS,IAAI,OAAO;GACrB,SAAS,KAAK;GACd,YAAY,uBAAuB;IAC/B,qBAAqB,6BAA6B;IAClD,SAAS;GACb,CAAC;GACD,SAAS,eAAe,KAAK,KAAK;GAClC,UAAU;EACd,CAAC;CACL;CAEA,cAA4B;EACxB,IAAI,CAAC,KAAK,QACN;EAGJ,MAAM,MAAM,eAAe,KAAK,KAAK,KAAK;GAAE,MAAM;GAAO,SAAS,CAAC;EAAE;EAIrE,IAHiB,iBAAiB,eAAe,KAAK,KAAK,CAGvD,MAFY,iBAAiB,KAAK,OAAO,QAAQ,CAEpC,GACb;EAGJ,KAAK,OAAO,SAAS,WAAW,GAAG;CACvC;CAEA,SAAkB;EACd,OAAO,IAAI;CACf;AACJ;AAzDKA,WAAA,CAAA,MAAM,eAAe,CAAA,GAAA,gBAAA,WAAA,eAAA,KAAA,CAAA;AAKrBA,WAAA,CAAA,SAAS,EAAE,WAAW,QAAQ,CAAC,CAAA,GAAA,gBAAA,WAAA,SAAA,KAAA,CAAA;AATnC,kBAAAA,WAAA,CAAA,cAAc,mBAAmB,CAAA,GAAA,eAAA"}
+{"version":3,"file":"pk-tiptap-content-DmS_2EUi.js","names":["_decorate"],"sources":["../../src/components/tiptap/pk-tiptap-content.styles.ts","../../src/components/tiptap/pk-tiptap-content.ts"],"sourcesContent":["import { css } from 'lit';\n\nexport const pkTiptapContentStyles = css`\n    @layer pk-component {\n        :host {\n            display: block;\n            width: 100%;\n            /* Inherit light-DOM color/size (warning banners, badges). Tokens override when set. */\n            color: var(--pk-tiptap-content-color, inherit);\n            font-family: var(--pk-font-family);\n            font-size: var(--pk-tiptap-content-font-size, inherit);\n            line-height: var(--pk-tiptap-content-line-height, 1.4);\n        }\n    }\n`;\n","import { html } from 'lit';\nimport { customElement, property, query } from '../../decorators.js';\nimport type { PropertyValues } from 'lit';\nimport { Editor } from '@tiptap/core';\nimport {\n    createTiptapExtensions,\n    valueToContent,\n} from '@verbb/plugin-kit-tiptap-core';\n\nimport { PkElement } from '../../base/pk-element.js';\nimport { createVariableTagDomNodeView } from './variable-tag-node-view.js';\nimport { pkTiptapContentStyles } from './pk-tiptap-content.styles.js';\nimport { tiptapContentProseMirrorStyles } from './tiptap.styles.js';\n\nfunction serializeContent(doc: ReturnType<typeof valueToContent>): string {\n    if (!doc) {\n        return '[]';\n    }\n\n    if (Array.isArray(doc.content)) {\n        return JSON.stringify(doc.content);\n    }\n\n    return JSON.stringify(doc);\n}\n\n/**\n * Read-only TipTap / ProseMirror renderer.\n *\n * Pass the same `value` shapes as TiptapEditor: node array, doc object, or JSON string.\n */\n@customElement('pk-tiptap-content')\nexport class PkTiptapContent extends PkElement {\n    static override styles = [pkTiptapContentStyles, tiptapContentProseMirrorStyles];\n\n    @query('.editor-mount')\n    private editorMount!: HTMLDivElement;\n\n    private editor: Editor | null = null;\n\n    @property({ attribute: 'value' })\n    value = '';\n\n    override disconnectedCallback(): void {\n        this.editor?.destroy();\n        this.editor = null;\n        super.disconnectedCallback();\n    }\n\n    override updated(changed: PropertyValues): void {\n        if (changed.has('value') && this.editor) {\n            this.syncContent();\n        }\n\n        super.updated(changed);\n    }\n\n    override firstUpdated(): void {\n        this.mountEditor();\n    }\n\n    private mountEditor(): void {\n        this.editor = new Editor({\n            element: this.editorMount,\n            extensions: createTiptapExtensions({\n                variableTagNodeView: createVariableTagDomNodeView(),\n                surface: 'content',\n            }),\n            content: valueToContent(this.value),\n            editable: false,\n        });\n    }\n\n    private syncContent(): void {\n        if (!this.editor) {\n            return;\n        }\n\n        const doc = valueToContent(this.value) ?? { type: 'doc', content: [] };\n        const incoming = serializeContent(valueToContent(this.value));\n        const current = serializeContent(this.editor.getJSON() as ReturnType<typeof valueToContent>);\n\n        if (incoming === current) {\n            return;\n        }\n\n        this.editor.commands.setContent(doc);\n    }\n\n    override render() {\n        return html`<div class=\"editor-mount\" part=\"content\"></div>`;\n    }\n}\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'pk-tiptap-content': PkTiptapContent;\n    }\n}\n"],"mappings":";;;;;;;AAEA,IAAa,wBAAwB,GAAG;;;;;;;;;;;;;;;ACYxC,SAAS,iBAAiB,KAAgD;CACtE,IAAI,CAAC,KACD,OAAO;CAGX,IAAI,MAAM,QAAQ,IAAI,OAAO,GACzB,OAAO,KAAK,UAAU,IAAI,OAAO;CAGrC,OAAO,KAAK,UAAU,GAAG;AAC7B;AAQO,IAAM,kBAAN,MAAM,wBAAwB,UAAU;;;EAMX,KAAA,SAAA;EAGxB,KAAA,QAAA;;;EARiB,KAAA,SAAA,CAAC,uBAAuB,8BAA8B;;CAU/E,uBAAsC;EAClC,KAAK,QAAQ,QAAQ;EACrB,KAAK,SAAS;EACd,MAAM,qBAAqB;CAC/B;CAEA,QAAiB,SAA+B;EAC5C,IAAI,QAAQ,IAAI,OAAO,KAAK,KAAK,QAC7B,KAAK,YAAY;EAGrB,MAAM,QAAQ,OAAO;CACzB;CAEA,eAA8B;EAC1B,KAAK,YAAY;CACrB;CAEA,cAA4B;EACxB,KAAK,SAAS,IAAI,OAAO;GACrB,SAAS,KAAK;GACd,YAAY,uBAAuB;IAC/B,qBAAqB,6BAA6B;IAClD,SAAS;GACb,CAAC;GACD,SAAS,eAAe,KAAK,KAAK;GAClC,UAAU;EACd,CAAC;CACL;CAEA,cAA4B;EACxB,IAAI,CAAC,KAAK,QACN;EAGJ,MAAM,MAAM,eAAe,KAAK,KAAK,KAAK;GAAE,MAAM;GAAO,SAAS,CAAC;EAAE;EAIrE,IAHiB,iBAAiB,eAAe,KAAK,KAAK,CAGvD,MAFY,iBAAiB,KAAK,OAAO,QAAQ,CAEpC,GACb;EAGJ,KAAK,OAAO,SAAS,WAAW,GAAG;CACvC;CAEA,SAAkB;EACd,OAAO,IAAI;CACf;AACJ;AAzDKA,WAAA,CAAA,MAAM,eAAe,CAAA,GAAA,gBAAA,WAAA,eAAA,KAAA,CAAA;AAKrBA,WAAA,CAAA,SAAS,EAAE,WAAW,QAAQ,CAAC,CAAA,GAAA,gBAAA,WAAA,SAAA,KAAA,CAAA;AATnC,kBAAAA,WAAA,CAAA,cAAc,mBAAmB,CAAA,GAAA,eAAA"}

package/dist/chunks/{pk-tiptap-editor-y_QyNSR-.js → pk-tiptap-editor-DCgHtgoi.js}

@@ -16,7 +16,7 @@ import "./pk-dropdown-label-BdZLeizJ.js";
 import "../components/dropdown-menu/pk-dropdown-separator.js";
 import "./pk-field--PCE9nOd.js";
 import "./pk-tooltip-Cvv2f7T5.js";
-import { i as createVariableTagDomNodeView, r as tiptapProseMirrorStyles } from "./tiptap.styles-Q4ED1nBw.js";
+import { i as createVariableTagDomNodeView, r as tiptapProseMirrorStyles } from "./tiptap.styles-Cwb_cj9g.js";
 import { css, html, nothing } from "lit";
 import { unsafeSVG } from "lit/directives/unsafe-svg.js";
 import { Editor, getMarkRange, posToDOMRect } from "@tiptap/core";
@@ -1404,4 +1404,4 @@ PkTiptapEditor = __decorate([customElement("pk-tiptap-editor")], PkTiptapEditor)
 //#endregion
 export { PkTiptapEditor as t };
 
-//# sourceMappingURL=pk-tiptap-editor-y_QyNSR-.js.map
+//# sourceMappingURL=pk-tiptap-editor-DCgHtgoi.js.map

package/dist/chunks/{pk-tiptap-editor-y_QyNSR-.js.map → pk-tiptap-editor-DCgHtgoi.js.map}

@@ -1 +1 @@
-{"version":3,"file":"pk-tiptap-editor-y_QyNSR-.js","names":["chevronDown","bold","italic","underline","strikethrough","subscript","superscript","smallCaps","bracketsCurly","code","highlighter","h1","h2","h3","h4","h5","h6","heading","paragraph","listUl","listOl","quoteRight","alignLeft","alignCenter","alignRight","alignJustify","textSlash","minus","fileDashedLine","link","table","arrowRotateLeft","arrowRotateRight","triangleExclamation","_decorate"],"sources":["../../src/components/tiptap/tiptap-editor-host.ts","../../src/components/tiptap/tiptap-utils.ts","../../src/components/tiptap/tiptap-toolbar.ts","../../src/components/tiptap/pk-tiptap-editor.styles.ts","../../src/components/tiptap/pk-tiptap-editor.ts"],"sourcesContent":["import { Editor, type Extensions } from '@tiptap/core';\nimport {\n    createTiptapExtensions,\n    normalizeContentArray,\n    valueToContent,\n} from '@verbb/plugin-kit-tiptap-core';\n\nexport function serializeTiptapDocumentContent(content: unknown): string {\n    return JSON.stringify(normalizeContentArray(content));\n}\n\n/** Normalize React/HTML `value` into the JSON string the editor stores and emits. */\nexport function serializeTiptapDocumentValue(raw: string | unknown[] | null | undefined): string {\n    if (raw == null) {\n        return '[]';\n    }\n\n    if (typeof raw === 'string') {\n        return raw;\n    }\n\n    if (Array.isArray(raw)) {\n        return JSON.stringify(raw);\n    }\n\n    return '[]';\n}\n\nexport function parseTiptapDocumentValue(raw: string | unknown[] | null | undefined): unknown[] {\n    if (raw == null || raw === '') {\n        return [];\n    }\n\n    // React often passes a document array prop — accept it without JSON.parse.\n    if (Array.isArray(raw)) {\n        return raw;\n    }\n\n    if (typeof raw !== 'string') {\n        return [];\n    }\n\n    try {\n        const parsed = JSON.parse(raw);\n        return Array.isArray(parsed) ? parsed : [];\n    } catch {\n        return [];\n    }\n}\n\nexport type TiptapEditorHostOptions = {\n    element: HTMLElement;\n    extensions?: Extensions;\n    content: unknown;\n    editable: boolean;\n    trailingCursorText?: string;\n    minHeight?: string;\n    onUpdate?: (content: unknown[]) => void;\n};\n\nexport class TiptapEditorHost {\n    editor: Editor | null = null;\n\n    private lastEmitted: string | null = null;\n\n    /** Skip TipTap `onUpdate` while applying controlled prop content — otherwise setContent\n     * re-emits pk-change → React setValue → value prop → setContent … forever. */\n    private suppressUpdateEmission = false;\n\n    mount({\n        element,\n        extensions,\n        content,\n        editable,\n        trailingCursorText = '\\u2060',\n        minHeight,\n        onUpdate,\n    }: TiptapEditorHostOptions): void {\n        const doc = valueToContent(content, { trailingCursorText });\n\n        this.editor = new Editor({\n            element,\n            extensions: extensions ?? createTiptapExtensions({ trailingCursorText }),\n            content: doc,\n            editable,\n            onUpdate: ({ editor }) => {\n                const normalized = normalizeContentArray(editor.getJSON().content);\n                const serialized = JSON.stringify(normalized);\n                this.lastEmitted = serialized;\n\n                if (this.suppressUpdateEmission) {\n                    return;\n                }\n\n                onUpdate?.(normalized);\n            },\n        });\n\n        if (minHeight) {\n            this.editor.view.dom.style.minHeight = minHeight;\n        }\n    }\n\n    setContent(content: unknown, options: { trailingCursorText?: string; respectFocus?: boolean } = {}): void {\n        if (!this.editor) {\n            return;\n        }\n\n        const { trailingCursorText = '\\u2060', respectFocus = true } = options;\n\n        if (respectFocus && this.editor.isFocused) {\n            return;\n        }\n\n        const doc = valueToContent(content, { trailingCursorText });\n        const incoming = JSON.stringify(doc?.content ?? []);\n        const current = JSON.stringify(this.editor.getJSON().content ?? []);\n\n        if (incoming === current || incoming === this.lastEmitted) {\n            return;\n        }\n\n        this.suppressUpdateEmission = true;\n        try {\n            this.editor.commands.setContent(doc ?? { type: 'doc', content: [] });\n        } finally {\n            this.suppressUpdateEmission = false;\n        }\n    }\n\n    destroy(): void {\n        this.editor?.destroy();\n        this.editor = null;\n        this.lastEmitted = null;\n        this.suppressUpdateEmission = false;\n    }\n}\n","import type {\n    ElementSelectorHost,\n    LinkOptionsInput,\n    ToolbarNode,\n} from '@verbb/plugin-kit-tiptap-core';\nimport { parseToolbarConfig } from '@verbb/plugin-kit-tiptap-core';\n\ndeclare global {\n    interface Window {\n        Craft?: {\n            createElementSelectorModal?: ElementSelectorHost['openElementSelector'];\n        };\n    }\n}\n\nexport function createCraftElementSelectorHost(): ElementSelectorHost {\n    return {\n        openElementSelector: (elementType, options) => {\n            const craft = window.Craft;\n\n            if (!craft?.createElementSelectorModal) {\n                throw new Error('Craft element selector is not available in this environment.');\n            }\n\n            // Craft reads its selector registry through `this`, so preserve the global as receiver.\n            craft.createElementSelectorModal(elementType, options);\n        },\n    };\n}\n\nexport function parseLinkOptionsAttribute(raw: string | null): LinkOptionsInput | undefined {\n    if (!raw) {\n        return undefined;\n    }\n\n    try {\n        return JSON.parse(raw) as LinkOptionsInput;\n    } catch {\n        return undefined;\n    }\n}\n\nexport function parseButtonsAttribute(raw: string | null | undefined): string[] {\n    if (!raw) {\n        return ['bold', 'italic'];\n    }\n\n    return raw\n        .split(',')\n        .map((button) => button.trim())\n        .filter(Boolean);\n}\n\nexport function parseToolbarAttribute(\n    toolbarRaw: string | ToolbarNode[] | null | undefined,\n    buttonsRaw: string | string[] | null | undefined,\n): ToolbarNode[] {\n    if (Array.isArray(toolbarRaw)) {\n        return parseToolbarConfig(toolbarRaw);\n    }\n\n    if (typeof toolbarRaw === 'string' && toolbarRaw.trim()) {\n        return parseToolbarConfig(toolbarRaw);\n    }\n\n    if (Array.isArray(buttonsRaw)) {\n        return parseToolbarConfig(buttonsRaw.join(','));\n    }\n\n    return parseToolbarConfig(buttonsRaw ?? 'bold,italic');\n}\n","import { getRegisteredTiptapToolbarControl } from '@verbb/plugin-kit-tiptap-core';\n\nimport {\n    alignCenter,\n    alignJustify,\n    alignLeft,\n    alignRight,\n    arrowRotateLeft,\n    arrowRotateRight,\n    bold,\n    bracketsCurly,\n    chevronDown,\n    code,\n    fileDashedLine,\n    h1,\n    h2,\n    h3,\n    h4,\n    h5,\n    h6,\n    heading,\n    highlighter,\n    italic,\n    link,\n    listOl,\n    listUl,\n    minus,\n    paragraph,\n    quoteRight,\n    smallCaps,\n    strikethrough,\n    subscript,\n    superscript,\n    table,\n    textSlash,\n    underline,\n    renderIconHtml,\n} from '../../icons/index.js';\n\nexport const TOOLBAR_CHEVRON_HTML = renderIconHtml(chevronDown);\n\nexport const TOOLBAR_ICONS: Record<string, string> = {\n    bold: renderIconHtml(bold),\n    italic: renderIconHtml(italic),\n    underline: renderIconHtml(underline),\n    strikethrough: renderIconHtml(strikethrough),\n    subscript: renderIconHtml(subscript),\n    superscript: renderIconHtml(superscript),\n    'small-caps': renderIconHtml(smallCaps),\n    code: renderIconHtml(bracketsCurly),\n    'code-block': renderIconHtml(code),\n    highlight: renderIconHtml(highlighter),\n    h1: renderIconHtml(h1),\n    h2: renderIconHtml(h2),\n    h3: renderIconHtml(h3),\n    h4: renderIconHtml(h4),\n    h5: renderIconHtml(h5),\n    h6: renderIconHtml(h6),\n    heading: renderIconHtml(heading),\n    paragraph: renderIconHtml(paragraph),\n    'unordered-list': renderIconHtml(listUl),\n    'ordered-list': renderIconHtml(listOl),\n    blockquote: renderIconHtml(quoteRight),\n    'align-left': renderIconHtml(alignLeft),\n    'align-center': renderIconHtml(alignCenter),\n    'align-right': renderIconHtml(alignRight),\n    'align-justify': renderIconHtml(alignJustify),\n    'clear-format': renderIconHtml(textSlash),\n    hr: renderIconHtml(minus),\n    'line-break': renderIconHtml(fileDashedLine),\n    link: renderIconHtml(link),\n    table: renderIconHtml(table),\n    undo: renderIconHtml(arrowRotateLeft),\n    redo: renderIconHtml(arrowRotateRight),\n};\n\nexport const TOOLBAR_LABELS: Record<string, string> = {\n    bold: 'Bold',\n    italic: 'Italic',\n    underline: 'Underline',\n    strikethrough: 'Strikethrough',\n    subscript: 'Subscript',\n    superscript: 'Superscript',\n    'small-caps': 'Small caps',\n    'font-family': 'Font family',\n    'font-size': 'Font size',\n    'text-color': 'Text and background color',\n    'line-height': 'Line height',\n    code: 'Inline code',\n    'code-block': 'Code block',\n    highlight: 'Highlight',\n    h1: 'Heading 1',\n    h2: 'Heading 2',\n    h3: 'Heading 3',\n    h4: 'Heading 4',\n    h5: 'Heading 5',\n    h6: 'Heading 6',\n    paragraph: 'Paragraph',\n    'unordered-list': 'Bullet list',\n    'ordered-list': 'Numbered list',\n    blockquote: 'Blockquote',\n    'align-left': 'Align left',\n    'align-center': 'Align center',\n    'align-right': 'Align right',\n    'align-justify': 'Justify',\n    'clear-format': 'Clear format',\n    hr: 'Horizontal rule',\n    'line-break': 'Line break',\n    link: 'Link',\n    table: 'Table',\n    undo: 'Undo',\n    redo: 'Redo',\n};\n\nexport function getToolbarMenuItemLabel(buttonName: string): string {\n    return TOOLBAR_LABELS[buttonName]\n        ?? getRegisteredTiptapToolbarControl(buttonName)?.label\n        ?? buttonName;\n}\n\nexport function getToolbarButtonIcon(buttonName: string): string | undefined {\n    const registeredIcon = getRegisteredTiptapToolbarControl(buttonName)?.icon;\n\n    return TOOLBAR_ICONS[buttonName]\n        ?? (registeredIcon ? renderIconHtml(registeredIcon) : undefined);\n}\n\n/** Prefix icon for `pk-dropdown-item` — SVG must carry `slot=\"prefix\"` directly. */\nexport function createToolbarPrefixIcon(buttonName: string): SVGSVGElement | null {\n    const iconHtml = getToolbarButtonIcon(buttonName);\n\n    if (!iconHtml) {\n        return null;\n    }\n\n    const template = document.createElement('template');\n    template.innerHTML = iconHtml.trim();\n    const icon = template.content.firstElementChild;\n\n    if (!(icon instanceof SVGSVGElement)) {\n        return null;\n    }\n\n    icon.setAttribute('slot', 'prefix');\n    icon.setAttribute('aria-hidden', 'true');\n    icon.setAttribute('width', '12');\n    icon.setAttribute('height', '12');\n    icon.classList.add('pk-dropdown-item__prefix-icon');\n\n    return icon;\n}\n","import { css } from 'lit';\n\nexport const pkTiptapEditorStyles = css`\n    @layer pk-component {\n        :host {\n            display: block;\n            width: 100%;\n            font-family: var(--pk-font-family);\n        }\n\n        .shell {\n            overflow: hidden;\n            border: var(--pk-input-border);\n            border-radius: var(--pk-radius-md);\n            background: #fff;\n        }\n\n        :host([invalid]) .shell,\n        :host(:state(user-invalid)) .shell {\n            border-color: var(--pk-color-rose-600);\n        }\n\n        .toolbar {\n            display: flex;\n            flex-wrap: wrap;\n            gap: 0.25rem;\n            padding: 0.25rem 0.5rem;\n            border-bottom: 1px solid rgba(96, 125, 159, 0.4);\n            background: #fff;\n            box-shadow: 0 2px 3px rgba(49, 49, 93, 0.07);\n        }\n\n        .toolbar-item {\n            display: inline-flex;\n        }\n\n        .toolbar-item pk-tooltip {\n            display: contents;\n        }\n\n        .toolbar-btn {\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            width: 2rem;\n            height: 2rem;\n            margin: 0;\n            padding: 0;\n            border: 0;\n            border-radius: var(--pk-radius-md);\n            background: transparent;\n            color: #1c2e36;\n            cursor: pointer;\n        }\n\n        .toolbar-btn:hover:not(:disabled) {\n            background: rgb(241, 245, 249);\n        }\n\n        .toolbar-btn[data-state='active'] {\n            background: rgb(226, 232, 240);\n        }\n\n        .toolbar-btn:disabled {\n            cursor: not-allowed;\n            opacity: 0.5;\n        }\n\n        .toolbar-btn svg {\n            display: block;\n            width: 1rem;\n            height: 1rem;\n            pointer-events: none;\n        }\n\n        .toolbar-btn--menu {\n            width: auto;\n            min-width: 2rem;\n            gap: 0.125rem;\n            padding: 0 0.375rem;\n        }\n\n        .toolbar-btn__trigger-label {\n            font-size: 0.625rem;\n            font-weight: 700;\n            line-height: 1;\n            letter-spacing: 0.02em;\n            text-transform: uppercase;\n        }\n\n        .toolbar-btn__chevron {\n            display: inline-flex;\n            flex-shrink: 0;\n            opacity: 0.7;\n        }\n\n        .toolbar-btn__chevron svg {\n            width: 0.5rem;\n            height: 0.5rem;\n        }\n\n        .toolbar-separator {\n            align-self: center;\n            flex-shrink: 0;\n            width: 1px;\n            height: 1.25rem;\n            margin: 0 0.125rem;\n            background: rgba(96, 125, 159, 0.35);\n        }\n\n        .toolbar-btn__label {\n            font-size: 0.625rem;\n            font-weight: 600;\n            line-height: 1;\n            text-transform: uppercase;\n            letter-spacing: 0.02em;\n        }\n\n        .toolbar-btn--text-style {\n            max-width: 9rem;\n            padding-inline: 0.5rem;\n        }\n\n        .toolbar-btn__text-style-value {\n            overflow: hidden;\n            font-size: var(--pk-font-size-xs);\n            line-height: 1;\n            text-overflow: ellipsis;\n            white-space: nowrap;\n        }\n\n        .toolbar-btn--color .toolbar-btn__text-style-value {\n            min-width: 1rem;\n            border-bottom: 2px solid var(--text-style-trigger-color, currentColor);\n            color: var(--text-style-trigger-color, currentColor);\n            font-weight: 700;\n            text-align: center;\n        }\n\n        pk-dropdown-menu.text-style-palette::part(panel) {\n            display: grid;\n            grid-template-columns: repeat(5, 2rem);\n            gap: 0.625rem 0.75rem;\n            width: max-content;\n            min-width: 0;\n            padding: 1rem;\n        }\n\n        .text-style-palette__label {\n            grid-column: 1 / -1;\n            color: var(--pk-color-gray-900);\n        }\n\n        .text-style-palette__label::part(label) {\n            padding: 0 0 0.125rem;\n            font-size: var(--pk-font-size-base);\n            font-weight: 600;\n        }\n\n        .text-style-palette__label--highlight {\n            margin-top: 0.375rem;\n        }\n\n        .text-style-palette__option {\n            width: 2rem;\n            height: 2rem;\n            --pk-dropdown-item-gap: 0;\n            --pk-dropdown-item-icon-size: 1.625rem;\n        }\n\n        .text-style-palette__option::part(item) {\n            justify-content: center;\n            width: 2rem;\n            height: 2rem;\n            min-height: 0;\n            padding: 0;\n            border-radius: 50%;\n            background: transparent;\n        }\n\n        .text-style-palette__option:hover::part(item),\n        .text-style-palette__option:focus-within::part(item),\n        .text-style-palette__option[data-highlighted]::part(item),\n        .text-style-palette__option[checked]::part(item) {\n            background: transparent;\n        }\n\n        .text-style-palette__option::part(prefix) {\n            width: 1.625rem;\n            height: 1.625rem;\n        }\n\n        .text-style-palette__option::part(label) {\n            position: absolute;\n        }\n\n        .text-style-palette__option::part(check) {\n            display: none;\n        }\n\n        .text-style-palette__swatch {\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            width: 1.625rem;\n            height: 1.625rem;\n            box-sizing: border-box;\n            border: 1px solid rgba(15, 23, 42, 0.16);\n            border-radius: 50%;\n        }\n\n        /* Keep the state treatment concentric with the slotted swatch. The\n           dropdown item's shadow button is wider than its prefix in some hosts. */\n        .text-style-palette__option:hover .text-style-palette__swatch,\n        .text-style-palette__option:focus-within .text-style-palette__swatch,\n        .text-style-palette__option[data-highlighted] .text-style-palette__swatch,\n        .text-style-palette__option[checked] .text-style-palette__swatch {\n            box-shadow: 0 0 0 0.25rem var(--pk-color-slate-100);\n        }\n\n        .text-style-palette__swatch--text {\n            border-color: var(--text-style-swatch, rgba(15, 23, 42, 0.35));\n            color: var(--text-style-swatch, #1f2937);\n            font-size: var(--pk-font-size-base);\n            font-weight: 500;\n            line-height: 1;\n        }\n\n        .text-style-palette__swatch--highlight {\n            background: var(--text-style-swatch, #fff);\n        }\n\n        .text-style-palette__accessible-label {\n            position: absolute;\n            width: 1px;\n            height: 1px;\n            padding: 0;\n            margin: -1px;\n            overflow: hidden;\n            clip: rect(0, 0, 0, 0);\n            white-space: nowrap;\n            border: 0;\n        }\n\n        .text-style-palette pk-tooltip {\n            display: contents;\n        }\n\n        /* Full toolbar replace (slot=toolbar on host when hasCustomToolbar). */\n        .toolbar ::slotted([slot='toolbar']) {\n            display: contents;\n        }\n\n        /* Append lane inside the stock toolbar — one flex item per slotted root (same gap). */\n        .toolbar ::slotted([slot='toolbar-end']) {\n            display: inline-flex;\n            align-items: center;\n        }\n\n        .editor-mount {\n            position: relative;\n        }\n\n        .content-error {\n            display: flex;\n            gap: 0.5rem;\n            padding: 0.5rem 1rem;\n            border-bottom: 1px solid var(--pk-color-rose-200);\n            background: var(--pk-color-rose-50);\n            color: var(--pk-color-rose-800);\n            font-size: var(--pk-font-size-sm);\n        }\n\n        .mirror-input {\n            display: none;\n        }\n\n        /* No trigger slot — collapse the host so it does not reserve shell space.\n           Toolbar refresh while open is still gated by linkDialogBusy / open. */\n        .link-dialog {\n            display: contents;\n        }\n\n        .link-dialog__fields {\n            display: flex;\n            flex-direction: column;\n            gap: 1rem;\n        }\n\n        .link-bubble {\n            position: absolute;\n            z-index: 250;\n            display: flex;\n            align-items: center;\n            gap: 0;\n            width: max-content;\n            max-width: calc(100% - 1rem);\n            padding: 0;\n            border: 0;\n            border-radius: var(--pk-radius-md);\n            background: #1c2e36;\n            color: #fff;\n            font-size: 12px;\n            line-height: 1.5;\n            overflow: visible;\n            pointer-events: auto;\n            white-space: nowrap;\n        }\n\n        .link-bubble__arrow {\n            position: absolute;\n            left: 50%;\n            bottom: -0.25rem;\n            width: 0.5rem;\n            height: 0.5rem;\n            background: #1c2e36;\n            transform: translateX(-50%) rotate(45deg);\n            pointer-events: none;\n        }\n\n        .link-bubble__url,\n        .link-bubble__action {\n            box-sizing: border-box;\n            padding: 6px 8px;\n            font-size: 12px;\n            line-height: 1.5;\n        }\n\n        .link-bubble__url {\n            display: inline-flex;\n            align-items: center;\n            max-width: 200px;\n            overflow: hidden;\n            text-overflow: ellipsis;\n            white-space: nowrap;\n        }\n\n        .link-bubble__divider {\n            flex-shrink: 0;\n            align-self: center;\n            width: 1px;\n            height: 12px;\n            background: #616d73;\n        }\n\n        .link-bubble__action {\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            margin: 0;\n            border: 0;\n            border-radius: var(--pk-radius-sm);\n            background: transparent;\n            color: #fff;\n            font-family: inherit;\n            font-weight: inherit;\n            white-space: nowrap;\n            cursor: pointer;\n            outline: none;\n            appearance: none;\n            -webkit-appearance: none;\n            min-height: 0;\n            transition: color 0.15s ease;\n        }\n\n        .link-bubble__action:hover {\n            color: rgb(255 255 255 / 0.7);\n        }\n    }\n`;\n","import { html, nothing } from 'lit';\nimport { customElement, property, query, state } from '../../decorators.js';\nimport type { PropertyValues } from 'lit';\nimport { unsafeSVG } from 'lit/directives/unsafe-svg.js';\nimport {\n    applyLinkToEditor,\n    createTiptapExtensions,\n    getCraftLinkOptions,\n    getFatalTiptapContentError,\n    getRegisteredTiptapToolbarControl,\n    getLinkEditState,\n    getLinkOptionsElementSiteId,\n    getLinkOpenInNewTab,\n    getSelectedText,\n    getToolbarGroupDefaultIcon,\n    getToolbarGroupMenuItems,\n    getToolbarGroupTriggerState,\n    isFormattingToolbarPreset,\n    isHeadingsOnlyToolbarPreset,\n    isTiptapButtonActive,\n    isToolbarButtonActive,\n    openCraftElementLinkSelector,\n    runToolbarButton,\n    resolveTiptapTextStyleToolbarConfig,\n    toolbarIncludesButton,\n    unsetLinkFromEditor,\n    type LinkElementConfig,\n    type LinkOptionsInput,\n    type ToolbarGroup,\n    type ToolbarNode,\n    type TiptapTextStyleOption,\n    type TiptapTextStyleToolbarConfig,\n} from '@verbb/plugin-kit-tiptap-core';\nimport { getMarkRange, posToDOMRect } from '@tiptap/core';\n\nimport { formControlStyles } from '../../base/form-control.styles.js';\nimport { PkFormAssociatedElement } from '../../base/pk-form-associated-element.js';\nimport { uniqueId } from '../../a11y/focus.js';\nimport { MirrorValidator } from '../../validators/index.js';\nimport {\n    link,\n    triangleExclamation,\n    renderIconHtml,\n} from '../../icons/index.js';\n\nimport '../button/pk-button.js';\nimport '../checkbox/pk-checkbox.js';\nimport '../dialog/pk-dialog.js';\nimport '../dropdown-menu/pk-dropdown-item.js';\nimport '../dropdown-menu/pk-dropdown-label.js';\nimport '../field/pk-field.js';\nimport '../input/pk-input.js';\nimport '../dropdown-menu/pk-dropdown-menu.js';\nimport '../dropdown-menu/pk-dropdown-separator.js';\nimport '../tooltip/pk-tooltip.js';\nimport type { PkButton } from '../button/pk-button.js';\nimport type { PkCheckbox } from '../checkbox/pk-checkbox.js';\nimport type { PkDialog } from '../dialog/pk-dialog.js';\nimport type { PkDropdownItem } from '../dropdown-menu/pk-dropdown-item.js';\nimport type { PkDropdownMenu } from '../dropdown-menu/pk-dropdown-menu.js';\nimport type { PkInput } from '../input/pk-input.js';\nimport { TiptapEditorHost, parseTiptapDocumentValue, serializeTiptapDocumentContent, serializeTiptapDocumentValue } from './tiptap-editor-host.js';\nimport { createCraftElementSelectorHost, parseLinkOptionsAttribute, parseToolbarAttribute } from './tiptap-utils.js';\nimport {\n    TOOLBAR_CHEVRON_HTML,\n    TOOLBAR_ICONS,\n    TOOLBAR_LABELS,\n    createToolbarPrefixIcon,\n    getToolbarButtonIcon,\n    getToolbarMenuItemLabel,\n} from './tiptap-toolbar.js';\nimport { createVariableTagDomNodeView } from './variable-tag-node-view.js';\nimport { pkTiptapEditorStyles } from './pk-tiptap-editor.styles.js';\nimport { tiptapProseMirrorStyles } from './tiptap.styles.js';\n\ntype LinkDialogSeed = {\n    url?: string;\n    text?: string;\n    openInNewTab?: boolean;\n    from?: number;\n    to?: number;\n};\n\n/**\n * TipTap document editor with a Craft-styled toolbar.\n *\n * @slot toolbar - Replace the entire default toolbar (opt-in via light-DOM presence).\n * @slot toolbar-end - Append controls after stock toolbar buttons (same flex gap).\n */\n@customElement('pk-tiptap-editor')\nexport class PkTiptapEditor extends PkFormAssociatedElement {\n    static override styles = [formControlStyles, pkTiptapEditorStyles, tiptapProseMirrorStyles];\n\n    static override get validators() {\n        return [...super.validators, MirrorValidator()];\n    }\n\n    override assumeInteractionOn = ['blur', 'input'];\n\n    @query('.editor-mount')\n    private editorMount!: HTMLDivElement;\n\n    @query('.mirror-input')\n    override input!: HTMLInputElement;\n\n    @query('.link-dialog')\n    private linkDialog?: PkDialog;\n\n    @query('pk-input.link-dialog__url-input')\n    private linkUrlInput?: PkInput;\n\n    @query('pk-input.link-dialog__text-input')\n    private linkTextInput?: PkInput;\n\n    @query('pk-checkbox')\n    private linkNewTabCheckbox?: PkCheckbox;\n\n    @query('pk-button.link-dialog__submit')\n    private linkSubmitButton?: PkButton;\n\n    private readonly linkUrlInputId = uniqueId('pk-tiptap-link-url');\n\n    private readonly linkTextInputId = uniqueId('pk-tiptap-link-text');\n\n    private readonly host = new TiptapEditorHost();\n\n    private _value: string | null = null;\n\n    /**\n     * Flat toolbar button list. HTML uses a comma-separated attribute; React may\n     * pass a `string[]`. Named `buttons` (not `buttonsAttr`) so React can set the\n     * property — a getter-only `buttons` previously threw on assign.\n     */\n    @property({\n        attribute: 'buttons',\n        converter: {\n            fromAttribute: (value: string | null) => value ?? 'bold,italic',\n            toAttribute: (value: string | string[] | null | undefined) => {\n                if (value == null) {\n                    return 'bold,italic';\n                }\n\n                return Array.isArray(value) ? value.join(',') : value;\n            },\n        },\n    })\n    buttons: string | string[] = 'bold,italic';\n\n    /** Structured toolbar config — JSON string attribute, or a node array from React. */\n    @property({\n        attribute: 'toolbar',\n        converter: {\n            fromAttribute: (value: string | null) => value,\n            toAttribute: (value: string | ToolbarNode[] | null | undefined) => {\n                if (value == null) {\n                    return null;\n                }\n\n                return typeof value === 'string' ? value : JSON.stringify(value);\n            },\n        },\n    })\n    toolbar: string | ToolbarNode[] | null = null;\n\n    /** Values shown by the optional TextStyle toolbar controls. */\n    @property({\n        attribute: 'text-style-options',\n        converter: {\n            fromAttribute: (value: string | null) => {\n                if (!value) {\n                    return null;\n                }\n\n                try {\n                    return JSON.parse(value) as TiptapTextStyleToolbarConfig;\n                } catch {\n                    return null;\n                }\n            },\n            toAttribute: (value: TiptapTextStyleToolbarConfig | null | undefined) => (\n                value ? JSON.stringify(value) : null\n            ),\n        },\n    })\n    textStyleOptions: TiptapTextStyleToolbarConfig | null = null;\n\n    /** JSON configuration for Craft entry, asset, category, or custom element links. */\n    @property({ attribute: 'link-options' })\n    linkOptions: string | null = null;\n\n    /** Required storage-key prefix when Craft element link options are enabled. */\n    @property({ attribute: 'link-selector-storage-key-prefix' })\n    linkSelectorStorageKeyPrefix?: string;\n\n    @property({ type: Number })\n    rows = 4;\n\n    @property()\n    placeholder = '';\n\n    @property({ type: Boolean, reflect: true })\n    readonly = false;\n\n    @property({ type: Boolean, reflect: true })\n    invalid = false;\n\n    /**\n     * Formie / React configure bridge — called when a chip is activated for editing.\n     * Prefer this over listening for `pk-variable-tag-configure` from React.\n     */\n    @property({ attribute: false })\n    variableTagConfigure: ((detail: import('./variable-tag-node-view.js').PkVariableTagConfigureDetail) => void) | null = null;\n\n    @property({ attribute: 'invalid-content-message' })\n    invalidContentMessage = '';\n\n    /** Show `pk-tooltip` hints on toolbar buttons (default: on). */\n    @property({ type: Boolean, attribute: 'toolbar-tooltips' })\n    toolbarTooltips = true;\n\n    private linkDialogBusy = false;\n\n    private linkDialogSeed: LinkDialogSeed = {};\n\n    @state()\n    private linkDialogTitle = 'Insert Link';\n\n    @state()\n    private linkDialogSubmitLabel = 'Insert';\n\n    @state()\n    private linkDialogMounted = false;\n\n    @state()\n    private linkBubbleVisible = false;\n\n    @state()\n    private linkBubbleHref = '';\n\n    @state()\n    private linkBubbleTop = 0;\n\n    @state()\n    private linkBubbleLeft = 0;\n\n    private hasCustomToolbar = false;\n\n    private readonly linkButtonId = uniqueId('pk-tiptap-link-btn');\n\n    private readonly toolbarButtonIds = new Map<string, string>();\n\n    private readonly toolbarGroupIds = new Map<string, string>();\n\n    private selectionListenerAttached = false;\n\n    get value(): string {\n        if (this.valueHasChanged) {\n            return this._value ?? '[]';\n        }\n\n        return this._value ?? this.defaultValue ?? '[]';\n    }\n\n    /**\n     * Document JSON string. Also accepts a TipTap node array (common from React)\n     * and serializes it — arrays previously bypassed JSON.parse and mounted empty.\n     */\n    @state()\n    set value(val: string | unknown[] | null) {\n        const next = serializeTiptapDocumentValue(val);\n\n        if (this._value === next) {\n            return;\n        }\n\n        this.valueHasChanged = true;\n        this._value = next;\n    }\n\n    @property({ attribute: 'value', reflect: true })\n    defaultValue: string | null = '[]';\n\n    get editor() {\n        return this.host.editor;\n    }\n\n    get toolbarNodes(): ToolbarNode[] {\n        const buttonsRaw = Array.isArray(this.buttons) ? this.buttons.join(',') : this.buttons;\n\n        return parseToolbarAttribute(this.toolbar, buttonsRaw)\n            .filter((node) => node.type !== 'button' || node.name !== 'variableTag');\n    }\n\n    /** Resolved flat button names from the active toolbar config. */\n    get buttonNames(): string[] {\n        return this.toolbarNodes\n            .filter((node): node is Extract<ToolbarNode, { type: 'button' }> => node.type === 'button')\n            .map((node) => node.name);\n    }\n\n    private toolbarHasLink(): boolean {\n        return toolbarIncludesButton(this.toolbarNodes, 'link');\n    }\n\n    private resolveLinkOptions(): LinkOptionsInput | undefined {\n        return parseLinkOptionsAttribute(this.linkOptions);\n    }\n\n    private get contentError(): string {\n        return this.resolveContentError();\n    }\n\n    protected override syncFormValue(): void {\n        this.setValue(this.value || '[]');\n\n        if (this.input) {\n            this.input.value = this.value || '[]';\n        }\n    }\n\n    protected override resetToDefaultValue(): void {\n        this.valueHasChanged = false;\n        this._value = null;\n        this.syncEditorContent();\n    }\n\n    protected override restoreFormState(state: string | File | FormData | null): void {\n        if (typeof state === 'string') {\n            this.value = state;\n            this.syncEditorContent();\n        }\n    }\n\n    override connectedCallback(): void {\n        super.connectedCallback();\n        this.hasCustomToolbar = Boolean(this.querySelector('[slot=\"toolbar\"]'));\n    }\n\n    override disconnectedCallback(): void {\n        this.linkDialog?.forceOverlayReset();\n        this.linkDialogBusy = false;\n        this.host.destroy();\n        this.selectionListenerAttached = false;\n        super.disconnectedCallback();\n    }\n\n    override updated(changed: PropertyValues): void {\n        if (changed.has('value') && !changed.has('defaultValue')) {\n            this.syncEditorContent();\n        }\n\n        if (changed.has('defaultValue') && !this.valueHasChanged) {\n            this.syncEditorContent();\n        }\n\n        if (changed.has('disabled') || changed.has('readonly')) {\n            this.host.editor?.setEditable(!this.disabled && !this.readonly);\n        }\n\n        super.updated(changed);\n    }\n\n    override firstUpdated(): void {\n        queueMicrotask(() => {\n            this.mountEditor();\n            this.syncFormValue();\n        });\n    }\n\n    private resolveContentError(): string {\n        const detected = getFatalTiptapContentError(this.value);\n        return detected ? (this.invalidContentMessage || detected) : '';\n    }\n\n    private mountEditor(): void {\n        const content = this.contentError ? null : parseTiptapDocumentValue(this.value);\n        const normalizedRows = Math.max(1, Number(this.rows || 0));\n        const minHeight = `${(normalizedRows * 24) + 32}px`;\n\n        this.host.mount({\n            element: this.editorMount,\n            extensions: createTiptapExtensions({\n                trailingCursorText: '\\u2060',\n                variableTagNodeView: createVariableTagDomNodeView(),\n            }),\n            content,\n            editable: !this.disabled && !this.readonly && !this.contentError,\n            trailingCursorText: '\\u2060',\n            minHeight,\n            onUpdate: (nextContent) => {\n                const serialized = serializeTiptapDocumentContent(nextContent);\n                this.value = serialized;\n\n                if (this.input) {\n                    this.input.value = serialized;\n                }\n\n                this.syncFormValue();\n                // Emit JSON string (matches `value` prop) — arrays caused Formie controlled\n                // fields to write mismatched types and re-enter sync forever.\n                this.emitValueChange(serialized);\n            },\n        });\n\n        queueMicrotask(() => {\n            this.attachSelectionListeners();\n            // Visibility predicates need the mounted Editor instance before the\n            // first custom-control render can be authoritative.\n            this.requestUpdate();\n        });\n    }\n\n    private attachSelectionListeners(): void {\n        const editor = this.host.editor;\n\n        if (!editor || this.selectionListenerAttached) {\n            return;\n        }\n\n        const refreshToolbar = () => {\n            if (this.linkDialogBusy || this.linkDialog?.open) {\n                this.linkBubbleVisible = false;\n                return;\n            }\n\n            this.updateLinkBubble();\n\n            queueMicrotask(() => {\n                if (this.isConnected && !this.linkDialogBusy && !this.linkDialog?.open) {\n                    this.requestUpdate();\n                }\n            });\n        };\n\n        editor.on('selectionUpdate', refreshToolbar);\n        editor.on('transaction', refreshToolbar);\n        editor.on('focus', refreshToolbar);\n        editor.on('blur', () => {\n            this.linkBubbleVisible = false;\n            this.requestUpdate();\n        });\n        this.selectionListenerAttached = true;\n    }\n\n    private updateLinkBubble(): void {\n        const editor = this.host.editor;\n\n        if (\n            !editor\n            || this.disabled\n            || this.readonly\n            || this.linkDialogBusy\n            || this.linkDialog?.open\n            || !editor.isFocused\n            || !editor.isActive('link')\n        ) {\n            this.linkBubbleVisible = false;\n            return;\n        }\n\n        const linkType = editor.state.schema.marks.link;\n        const range = getMarkRange(editor.state.selection.$from, linkType);\n\n        if (!range) {\n            this.linkBubbleVisible = false;\n            return;\n        }\n\n        const linkRect = posToDOMRect(editor.view, range.from, range.to);\n        const mountRect = this.editorMount.getBoundingClientRect();\n        const bubbleOffset = 8;\n\n        this.linkBubbleHref = String(editor.getAttributes('link').href ?? '');\n        this.linkBubbleTop = linkRect.top - mountRect.top - bubbleOffset;\n        this.linkBubbleLeft = linkRect.left - mountRect.left + (linkRect.width / 2);\n        this.linkBubbleVisible = true;\n    }\n\n    private handleLinkBubbleEdit = (event: Event): void => {\n        event.preventDefault();\n\n        const editor = this.host.editor;\n\n        if (!editor) {\n            return;\n        }\n\n        const state = getLinkEditState(editor);\n        this.linkBubbleVisible = false;\n        this.openLinkDialog({\n            url: state.href,\n            text: state.text,\n            openInNewTab: state.openInNewTab,\n            from: state.from,\n            to: state.to,\n        });\n    };\n\n    private handleLinkBubbleUnlink = (event: Event): void => {\n        event.preventDefault();\n\n        const editor = this.host.editor;\n\n        if (!editor) {\n            return;\n        }\n\n        unsetLinkFromEditor(editor);\n        this.linkBubbleVisible = false;\n    };\n\n    private renderLinkBubble() {\n        return html`\n            <div\n                class=\"link-bubble\"\n                role=\"toolbar\"\n                aria-label=\"Link actions\"\n                tabindex=\"0\"\n                style=${`top:${this.linkBubbleTop}px;left:${this.linkBubbleLeft}px;transform:translate(-50%, -100%);`}\n            >\n                <span class=\"link-bubble__arrow\" aria-hidden=\"true\"></span>\n                <span class=\"link-bubble__url\">${this.linkBubbleHref}</span>\n                <span class=\"link-bubble__divider\" aria-hidden=\"true\"></span>\n                <button\n                    type=\"button\"\n                    class=\"link-bubble__action\"\n                    @mousedown=${(event: Event) => event.preventDefault()}\n                    @click=${this.handleLinkBubbleEdit}\n                >Edit</button>\n                <span class=\"link-bubble__divider\" aria-hidden=\"true\"></span>\n                <button\n                    type=\"button\"\n                    class=\"link-bubble__action\"\n                    @mousedown=${(event: Event) => event.preventDefault()}\n                    @click=${this.handleLinkBubbleUnlink}\n                >Unlink</button>\n            </div>\n        `;\n    }\n\n    private syncEditorContent(): void {\n        const content = this.contentError ? null : parseTiptapDocumentValue(this.value);\n        this.host.setContent(content, { trailingCursorText: '\\u2060' });\n\n        if (this.input) {\n            this.input.value = this.value || '[]';\n        }\n    }\n\n    private emitValueChange(value: string): void {\n        this.dispatchEvent(new CustomEvent('pk-change', {\n            detail: { value },\n            bubbles: true,\n            composed: true,\n        }));\n        this.dispatchEvent(new Event('input', { bubbles: true, composed: true }));\n        this.dispatchEvent(new Event('change', { bubbles: true, composed: true }));\n    }\n\n    private handleToolbarCommand(buttonName: string): void {\n        const editor = this.host.editor;\n\n        if (!editor) {\n            return;\n        }\n\n        runToolbarButton(editor, buttonName);\n    }\n\n    private openLinkMenu(): void {\n        const editor = this.host.editor;\n\n        if (!editor) {\n            return;\n        }\n\n        const selected = getSelectedText(editor);\n        const { from, to } = editor.state.selection;\n\n        const menu = this.shadowRoot?.querySelector<PkDropdownMenu>(\n            `pk-dropdown-menu[for=\"${this.linkButtonId}\"]`,\n        );\n\n        void (async () => {\n            await menu?.whenClosed();\n            this.openLinkDialog(from !== to ? { text: selected, from, to } : undefined);\n        })();\n    }\n\n    private openLinkDialog(initial?: LinkDialogSeed): void {\n        const editor = this.host.editor;\n        const url = initial?.url ?? '';\n\n        this.linkDialogBusy = true;\n        this.linkBubbleVisible = false;\n        this.linkDialogSeed = {\n            url,\n            text: initial?.text ?? '',\n            openInNewTab: initial?.openInNewTab ?? (editor ? getLinkOpenInNewTab(editor) : false),\n            from: initial?.from,\n            to: initial?.to,\n        };\n        this.linkDialogTitle = url.trim() ? 'Update Link' : 'Insert Link';\n        this.linkDialogSubmitLabel = url.trim() ? 'Update' : 'Insert';\n\n        if (!this.linkDialogMounted) {\n            this.linkDialogMounted = true;\n        }\n\n        // Mount first, then open after the dropdown has fully demoted (caller awaits\n        // whenClosed). Busy flag still suppresses toolbar refresh during show animation.\n        queueMicrotask(async () => {\n            await this.updateComplete;\n            await this.linkDialog?.updateComplete;\n            this.syncLinkDialogFields();\n            // Prefer show() over flipping `open` before firstUpdated — that path only\n            // call showModal() and skips PkShowEvent / enter animation.\n            await this.linkDialog?.show();\n        });\n    }\n\n    private closeLinkDialog(): void {\n        void this.linkDialog?.hide('close-button');\n    }\n\n    private handleLinkDialogAfterHide = (): void => {\n        this.linkDialogBusy = false;\n\n        queueMicrotask(() => {\n            if (this.isConnected && !this.linkDialog?.open) {\n                this.requestUpdate();\n            }\n        });\n    };\n\n    private syncLinkDialogFields(): void {\n        const seed = this.linkDialogSeed;\n\n        if (this.linkUrlInput) {\n            this.linkUrlInput.value = seed.url ?? '';\n        }\n\n        if (this.linkTextInput) {\n            this.linkTextInput.value = seed.text ?? '';\n        }\n\n        if (this.linkNewTabCheckbox) {\n            this.linkNewTabCheckbox.checked = Boolean(seed.openInNewTab);\n        }\n\n        this.updateLinkDialogSubmitState();\n    }\n\n    private updateLinkDialogSubmitState(): void {\n        const canSubmit = Boolean(this.linkUrlInput?.value.trim());\n\n        if (this.linkSubmitButton) {\n            this.linkSubmitButton.disabled = !canSubmit;\n        }\n    }\n\n    private handleLinkUrlInput = (): void => {\n        this.updateLinkDialogSubmitState();\n    };\n\n    private handleLinkDialogKeyDown = (event: KeyboardEvent): void => {\n        if (event.key !== 'Enter') {\n            return;\n        }\n\n        const path = event.composedPath();\n\n        if (path.some((node) => node instanceof HTMLElement && node.localName === 'pk-checkbox')) {\n            return;\n        }\n\n        if (path.some((node) => node instanceof HTMLElement && node.localName === 'pk-button')) {\n            return;\n        }\n\n        if (path.some((node) => node instanceof HTMLButtonElement)) {\n            return;\n        }\n\n        event.preventDefault();\n        event.stopPropagation();\n        this.submitLinkDialog();\n    };\n\n    private handleLinkDialogSubmit = (): void => {\n        this.submitLinkDialog();\n    };\n\n    private submitLinkDialog(): void {\n        const editor = this.host.editor;\n        const url = this.linkUrlInput?.value.trim() ?? '';\n\n        if (!editor || !url) {\n            return;\n        }\n\n        applyLinkToEditor(editor, {\n            url,\n            text: this.linkTextInput?.value ?? '',\n            openInNewTab: Boolean(this.linkNewTabCheckbox?.checked),\n            from: this.linkDialogSeed.from,\n            to: this.linkDialogSeed.to,\n        });\n\n        this.closeLinkDialog();\n    }\n\n    private isLinkActive(): boolean {\n        const editor = this.host.editor;\n        return editor ? isTiptapButtonActive(editor, 'link') : false;\n    }\n\n    private renderLinkDialog() {\n        return html`\n            <pk-dialog\n                class=\"link-dialog\"\n                size=\"wide\"\n                label=${this.linkDialogTitle}\n                @pk-after-hide=${this.handleLinkDialogAfterHide}\n                @keydown=${this.handleLinkDialogKeyDown}\n            >\n                <div class=\"link-dialog__fields\">\n                    <pk-field label=\"URL\" required .for=${this.linkUrlInputId}>\n                        <pk-input\n                            id=${this.linkUrlInputId}\n                            class=\"link-dialog__url-input\"\n                            type=\"url\"\n                            placeholder=\"https://\"\n                            autofocus\n                            @input=${this.handleLinkUrlInput}\n                        ></pk-input>\n                    </pk-field>\n                    <pk-field label=\"Text\" .for=${this.linkTextInputId}>\n                        <pk-input\n                            id=${this.linkTextInputId}\n                            class=\"link-dialog__text-input\"\n                            type=\"text\"\n                        ></pk-input>\n                    </pk-field>\n                    <pk-checkbox>Open link in new tab</pk-checkbox>\n                </div>\n                <pk-button slot=\"footer\" data-dialog-close>Cancel</pk-button>\n                <pk-button\n                    slot=\"footer\"\n                    class=\"link-dialog__submit\"\n                    variant=\"primary\"\n                    disabled\n                    @click=${this.handleLinkDialogSubmit}\n                >\n                    ${this.linkDialogSubmitLabel}\n                </pk-button>\n            </pk-dialog>\n        `;\n    }\n\n    private getToolbarButtonId(buttonName: string): string {\n        let id = this.toolbarButtonIds.get(buttonName);\n\n        if (!id) {\n            id = uniqueId(`pk-tiptap-toolbar-${buttonName}`);\n            this.toolbarButtonIds.set(buttonName, id);\n        }\n\n        return id;\n    }\n\n    private getToolbarButtonLabel(buttonName: string): string {\n        return TOOLBAR_LABELS[buttonName]\n            ?? getRegisteredTiptapToolbarControl(buttonName)?.label\n            ?? buttonName;\n    }\n\n    private renderToolbarTooltip(buttonId: string, label: string) {\n        if (!this.toolbarTooltips) {\n            return nothing;\n        }\n\n        return html`\n            <pk-tooltip for=${buttonId} content=${label} placement=\"top\"></pk-tooltip>\n        `;\n    }\n\n    private renderToolbarButton(buttonName: string) {\n        const editor = this.host.editor;\n        const registered = getRegisteredTiptapToolbarControl(buttonName);\n\n        if (registered?.isVisible && (!editor || !registered.isVisible(editor))) {\n            return nothing;\n        }\n\n        const icon = getToolbarButtonIcon(buttonName);\n        const label = this.getToolbarButtonLabel(buttonName);\n        const buttonId = this.getToolbarButtonId(buttonName);\n        const active = editor ? isTiptapButtonActive(editor, buttonName) : false;\n\n        return html`\n            <div class=\"toolbar-item\">\n                <button\n                    id=${buttonId}\n                    type=\"button\"\n                    class=\"toolbar-btn\"\n                    aria-label=${label}\n                    ?disabled=${this.disabled || this.readonly}\n                    data-state=${active ? 'active' : nothing}\n                    @click=${() => this.handleToolbarCommand(buttonName)}\n                >\n                    ${icon ? unsafeSVG(icon) : html`<span class=\"toolbar-btn__label\">${label}</span>`}\n                </button>\n                ${this.renderToolbarTooltip(buttonId, label)}\n            </div>\n        `;\n    }\n\n    private get textStyleToolbarConfig() {\n        return resolveTiptapTextStyleToolbarConfig(this.textStyleOptions);\n    }\n\n    private getTextStyleValue(attribute: string): string | null {\n        const value = this.host.editor?.getAttributes('textStyle')[attribute];\n        return typeof value === 'string' && value ? value : null;\n    }\n\n    private setTextStyleValue(attribute: string, value: string | null): void {\n        const editor = this.host.editor;\n\n        if (!editor) {\n            return;\n        }\n\n        const chain = editor.chain().focus();\n\n        switch (attribute) {\n            case 'fontFamily':\n                value ? chain.setFontFamily(value).run() : chain.unsetFontFamily().run();\n                break;\n            case 'fontSize':\n                value ? chain.setFontSize(value).run() : chain.unsetFontSize().run();\n                break;\n            case 'color':\n                value ? chain.setColor(value).run() : chain.unsetColor().run();\n                break;\n            case 'backgroundColor':\n                value ? chain.setBackgroundColor(value).run() : chain.unsetBackgroundColor().run();\n                break;\n            case 'lineHeight':\n                value ? chain.setLineHeight(value).run() : chain.unsetLineHeight().run();\n                break;\n        }\n    }\n\n    private getTextStyleOptionLabel(options: TiptapTextStyleOption[], value: string | null): string {\n        return options.find((option) => option.value === value)?.label\n            ?? options.find((option) => option.value === null)?.label\n            ?? 'Default';\n    }\n\n    private renderTextStyleOptions(attribute: string, options: TiptapTextStyleOption[]) {\n        const currentValue = this.getTextStyleValue(attribute);\n\n        return options.map((option) => html`\n            <pk-dropdown-item\n                type=\"radio\"\n                radio-group=${attribute}\n                value=${option.value ?? ''}\n                ?checked=${option.value === currentValue}\n                @click=${() => this.setTextStyleValue(attribute, option.value)}\n            >\n                ${option.label}\n            </pk-dropdown-item>\n        `);\n    }\n\n    private renderTextStylePaletteOptions(\n        attribute: 'color' | 'backgroundColor',\n        options: TiptapTextStyleOption[],\n        idPrefix: string,\n    ) {\n        const currentValue = this.getTextStyleValue(attribute);\n        const isTextColor = attribute === 'color';\n\n        return options.map((option, index) => {\n            const optionId = `${idPrefix}-${attribute}-${index}`;\n            const accessibleLabel = option.value\n                ? `${option.label} ${isTextColor ? 'text' : 'highlight'}`\n                : isTextColor ? 'Default text color' : 'No highlight';\n\n            return html`\n                <pk-dropdown-item\n                    id=${optionId}\n                    class=\"text-style-palette__option\"\n                    type=\"radio\"\n                    radio-group=${attribute}\n                    value=${option.value ?? ''}\n                    ?checked=${option.value === currentValue}\n                    @click=${() => this.setTextStyleValue(attribute, option.value)}\n                >\n                    <span\n                        slot=\"start\"\n                        class=\"text-style-palette__swatch ${isTextColor ? 'text-style-palette__swatch--text' : 'text-style-palette__swatch--highlight'}\"\n                        style=${option.value ? `--text-style-swatch:${option.value}` : ''}\n                        data-empty=${option.value === null ? '' : nothing}\n                        aria-hidden=\"true\"\n                    >${isTextColor ? 'A' : nothing}</span>\n                    <span class=\"text-style-palette__accessible-label\">${accessibleLabel}</span>\n                </pk-dropdown-item>\n                ${this.toolbarTooltips ? html`\n                    <pk-tooltip for=${optionId} content=${accessibleLabel} placement=\"top\"></pk-tooltip>\n                ` : nothing}\n            `;\n        });\n    }\n\n    private handleTextStylePaletteKeyDown(event: KeyboardEvent): void {\n        const deltas: Partial<Record<KeyboardEvent['key'], number>> = {\n            ArrowLeft: -1,\n            ArrowRight: 1,\n            ArrowUp: -5,\n            ArrowDown: 5,\n        };\n        const delta = deltas[event.key];\n\n        if (!delta) {\n            return;\n        }\n\n        const menu = event.currentTarget as PkDropdownMenu;\n        const item = event.composedPath().find((node): node is PkDropdownItem => (\n            node instanceof HTMLElement\n            && node.localName === 'pk-dropdown-item'\n            && node.classList.contains('text-style-palette__option')\n        ));\n        const items = menu.getItems().filter((candidate) => (\n            candidate.classList.contains('text-style-palette__option')\n        ));\n        const index = item ? items.indexOf(item) : -1;\n\n        if (index === -1) {\n            return;\n        }\n\n        // The menu remains the focus/dismissal owner; only its directional\n        // movement changes to match the palette's five-column visual layout.\n        const target = items[Math.max(0, Math.min(index + delta, items.length - 1))];\n\n        event.preventDefault();\n        event.stopPropagation();\n        target?.focusControl();\n    }\n\n    private renderTextStyleToolbar(buttonName: string) {\n        const config = this.textStyleToolbarConfig;\n        const buttonId = this.getToolbarButtonId(buttonName);\n        const triggerColor = buttonName === 'text-color' ? this.getTextStyleValue('color') : null;\n        let triggerLabel = '';\n        let menuContent: unknown = nothing;\n\n        if (buttonName === 'font-family') {\n            triggerLabel = this.getTextStyleOptionLabel(config.fontFamilies, this.getTextStyleValue('fontFamily'));\n            menuContent = html`${this.renderTextStyleOptions('fontFamily', config.fontFamilies)}`;\n        } else if (buttonName === 'font-size') {\n            triggerLabel = this.getTextStyleOptionLabel(config.fontSizes, this.getTextStyleValue('fontSize'));\n            menuContent = html`${this.renderTextStyleOptions('fontSize', config.fontSizes)}`;\n        } else if (buttonName === 'line-height') {\n            triggerLabel = this.getTextStyleOptionLabel(config.lineHeights, this.getTextStyleValue('lineHeight'));\n            menuContent = html`${this.renderTextStyleOptions('lineHeight', config.lineHeights)}`;\n        } else {\n            triggerLabel = 'A';\n            menuContent = html`\n                <pk-dropdown-label class=\"text-style-palette__label\">Text color</pk-dropdown-label>\n                ${this.renderTextStylePaletteOptions('color', config.textColors, buttonId)}\n                <pk-dropdown-label class=\"text-style-palette__label text-style-palette__label--highlight\">Highlight color</pk-dropdown-label>\n                ${this.renderTextStylePaletteOptions('backgroundColor', config.backgroundColors, buttonId)}\n            `;\n        }\n\n        const label = this.getToolbarButtonLabel(buttonName);\n\n        return html`\n            <div class=\"toolbar-item\">\n                <button\n                    id=${buttonId}\n                    type=\"button\"\n                    class=\"toolbar-btn toolbar-btn--menu toolbar-btn--text-style ${buttonName === 'text-color' ? 'toolbar-btn--color' : ''}\"\n                    aria-label=${label}\n                    aria-haspopup=\"menu\"\n                    ?disabled=${this.disabled || this.readonly}\n                    style=${triggerColor ? `--text-style-trigger-color:${triggerColor}` : ''}\n                >\n                    <span class=\"toolbar-btn__text-style-value\">${triggerLabel}</span>\n                    <span class=\"toolbar-btn__chevron\">${unsafeSVG(TOOLBAR_CHEVRON_HTML)}</span>\n                </button>\n                ${this.renderToolbarTooltip(buttonId, label)}\n                <pk-dropdown-menu\n                    for=${buttonId}\n                    placement=\"bottom-start\"\n                    class=${buttonName === 'text-color' ? 'text-style-palette' : ''}\n                    @keydown=${buttonName === 'text-color' ? this.handleTextStylePaletteKeyDown : nothing}\n                >\n                    ${menuContent}\n                </pk-dropdown-menu>\n            </div>\n        `;\n    }\n\n    private handleCraftLink(config: LinkElementConfig): void {\n        const editor = this.host.editor;\n\n        if (!editor) {\n            return;\n        }\n\n        openCraftElementLinkSelector({\n            config,\n            elementSiteId: getLinkOptionsElementSiteId(this.resolveLinkOptions()),\n            linkSelectorStorageKeyPrefix: this.linkSelectorStorageKeyPrefix,\n            getSelectedText: () => getSelectedText(editor),\n            onSelect: ({ url, text }) => { this.openLinkDialog({ url, text }); },\n            host: createCraftElementSelectorHost(),\n        });\n    }\n\n    private getToolbarGroupId(groupKey: string): string {\n        let id = this.toolbarGroupIds.get(groupKey);\n\n        if (!id) {\n            id = uniqueId('pk-tiptap-toolbar-group');\n            this.toolbarGroupIds.set(groupKey, id);\n        }\n\n        return id;\n    }\n\n    private renderToolbarSeparator() {\n        return html`<span class=\"toolbar-separator\" aria-hidden=\"true\"></span>`;\n    }\n\n    private renderGroupTriggerContent(group: ToolbarGroup, triggerLabel: string, iconName: string) {\n        const icon = getToolbarButtonIcon(iconName);\n        const showTextLabel = Boolean(group.label);\n\n        if (showTextLabel && triggerLabel) {\n            return html`\n                <span class=\"toolbar-btn__trigger-label\">${triggerLabel}</span>\n                <span class=\"toolbar-btn__chevron\">${unsafeSVG(TOOLBAR_CHEVRON_HTML)}</span>\n            `;\n        }\n\n        return html`\n            ${icon ? unsafeSVG(icon) : html`<span class=\"toolbar-btn__trigger-label\">${triggerLabel}</span>`}\n            <span class=\"toolbar-btn__chevron\">${unsafeSVG(TOOLBAR_CHEVRON_HTML)}</span>\n        `;\n    }\n\n    private renderToolbarGroup(group: ToolbarGroup, groupKey: string) {\n        const editor = this.host.editor;\n        const groupId = this.getToolbarGroupId(groupKey);\n        const trigger = editor ? getToolbarGroupTriggerState(editor, group) : {\n            activeName: null,\n            label: group.label ?? '',\n            isActive: false,\n            icon: group.icon ?? getToolbarGroupDefaultIcon(group),\n        };\n        const menuItems = getToolbarGroupMenuItems(group).filter((entry) => {\n            if (entry.type === 'separator') {\n                return true;\n            }\n\n            const control = getRegisteredTiptapToolbarControl(entry.name);\n            return !control?.isVisible || Boolean(editor && control.isVisible(editor));\n        });\n\n        if (!menuItems.some((entry) => entry.type === 'item')) {\n            return nothing;\n        }\n        const tooltipLabel = group.label\n            ?? (isHeadingsOnlyToolbarPreset(group.preset) ? 'Headings'\n                : isFormattingToolbarPreset(group.preset) ? 'Formatting'\n                    : group.preset === 'lists' ? 'Lists'\n                        : group.preset === 'align' ? 'Alignment'\n                            : 'More');\n\n        return html`\n            <div class=\"toolbar-item\">\n                <button\n                    id=${groupId}\n                    type=\"button\"\n                    class=\"toolbar-btn toolbar-btn--menu\"\n                    aria-label=${tooltipLabel}\n                    aria-haspopup=\"menu\"\n                    ?disabled=${this.disabled || this.readonly}\n                    data-state=${trigger.isActive ? 'active' : nothing}\n                >\n                    ${this.renderGroupTriggerContent(group, trigger.label, trigger.icon)}\n                </button>\n                ${this.renderToolbarTooltip(groupId, tooltipLabel)}\n                <pk-dropdown-menu for=${groupId} placement=\"bottom-start\">\n                    ${menuItems.map((entry, itemIndex) => {\n                        if (entry.type === 'separator') {\n                            return html`<pk-dropdown-separator key=${`${groupKey}-sep-${itemIndex}`}></pk-dropdown-separator>`;\n                        }\n\n                        const itemName = entry.name;\n                        const active = editor ? isToolbarButtonActive(editor, itemName) : false;\n                        const prefixIcon = createToolbarPrefixIcon(itemName);\n                        const itemLabel = getToolbarMenuItemLabel(itemName);\n\n                        return html`\n                            <pk-dropdown-item\n                                key=${`${groupKey}-${itemName}-${itemIndex}`}\n                                ?data-active=${active || nothing}\n                                @click=${() => this.handleToolbarCommand(itemName)}\n                            >\n                                ${prefixIcon ?? nothing}\n                                ${itemLabel}\n                            </pk-dropdown-item>\n                        `;\n                    })}\n                </pk-dropdown-menu>\n            </div>\n        `;\n    }\n\n    private renderToolbarNode(node: ToolbarNode, index: number) {\n        if (node.type === 'separator') {\n            return this.renderToolbarSeparator();\n        }\n\n        if (node.type === 'group') {\n            return this.renderToolbarGroup(node.group, `group-${index}`);\n        }\n\n        if (node.name === 'link') {\n            return this.renderLinkToolbarButton();\n        }\n\n        if (['font-family', 'font-size', 'text-color', 'line-height'].includes(node.name)) {\n            return this.renderTextStyleToolbar(node.name);\n        }\n\n        return this.renderToolbarButton(node.name);\n    }\n\n    private renderDefaultToolbar() {\n        // `toolbar-end` — append custom controls (Formie variable picker, etc.) into the\n        // stock toolbar flex/gap. Prefer over replacing the whole bar via slot=\"toolbar\".\n        return html`\n            <div class=\"toolbar\" part=\"toolbar\">\n                ${this.toolbarNodes.map((node, index) => this.renderToolbarNode(node, index))}\n                <slot name=\"toolbar-end\"></slot>\n            </div>\n        `;\n    }\n\n    private renderLinkToolbarButton() {\n        const editor = this.host.editor;\n        const craftOptions = getCraftLinkOptions(this.resolveLinkOptions());\n        const label = this.getToolbarButtonLabel('link');\n        const active = this.isLinkActive();\n\n        return html`\n            <div class=\"toolbar-item\">\n                <button\n                    id=${this.linkButtonId}\n                    type=\"button\"\n                    class=\"toolbar-btn\"\n                    aria-label=${label}\n                    aria-haspopup=\"menu\"\n                    ?disabled=${this.disabled || this.readonly}\n                    data-state=${active ? 'active' : nothing}\n                >\n                    ${unsafeSVG(TOOLBAR_ICONS.link)}\n                </button>\n                ${this.renderToolbarTooltip(this.linkButtonId, label)}\n                <pk-dropdown-menu for=${this.linkButtonId} placement=\"bottom-start\">\n                    ${craftOptions.map((option) => html`\n                        <pk-dropdown-item @click=${() => this.handleCraftLink(option)}>\n                            ${option.optionTitle}\n                        </pk-dropdown-item>\n                    `)}\n                    ${craftOptions.length > 0 ? html`<pk-dropdown-separator></pk-dropdown-separator>` : nothing}\n                    <pk-dropdown-item @click=${() => this.openLinkMenu()}>Insert Link</pk-dropdown-item>\n                    <pk-dropdown-item\n                        ?disabled=${!active}\n                        @click=${() => editor && unsetLinkFromEditor(editor)}\n                    >Unlink</pk-dropdown-item>\n                </pk-dropdown-menu>\n            </div>\n        `;\n    }\n\n    override render() {\n        return html`\n            <div class=\"shell\" part=\"shell\">\n                ${this.hasCustomToolbar\n                    ? html`<slot name=\"toolbar\"></slot>`\n                    : this.renderDefaultToolbar()}\n\n                <div class=\"editor-mount\" part=\"editor\">\n                    ${this.contentError ? html`\n                        <div class=\"content-error\">\n                            <span>${unsafeSVG(renderIconHtml(triangleExclamation))}</span>\n                            <span>${this.contentError}</span>\n                        </div>\n                    ` : nothing}\n                    ${this.toolbarHasLink() && this.linkBubbleVisible ? this.renderLinkBubble() : nothing}\n                </div>\n\n                <input class=\"mirror-input\" type=\"text\" .value=${this.value} readonly tabindex=\"-1\" aria-hidden=\"true\" />\n                ${this.toolbarHasLink() && this.linkDialogMounted ? this.renderLinkDialog() : nothing}\n            </div>\n        `;\n    }\n}\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'pk-tiptap-editor': PkTiptapEditor;\n    }\n}\n"],"mappings":"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"}
+{"version":3,"file":"pk-tiptap-editor-DCgHtgoi.js","names":["chevronDown","bold","italic","underline","strikethrough","subscript","superscript","smallCaps","bracketsCurly","code","highlighter","h1","h2","h3","h4","h5","h6","heading","paragraph","listUl","listOl","quoteRight","alignLeft","alignCenter","alignRight","alignJustify","textSlash","minus","fileDashedLine","link","table","arrowRotateLeft","arrowRotateRight","triangleExclamation","_decorate"],"sources":["../../src/components/tiptap/tiptap-editor-host.ts","../../src/components/tiptap/tiptap-utils.ts","../../src/components/tiptap/tiptap-toolbar.ts","../../src/components/tiptap/pk-tiptap-editor.styles.ts","../../src/components/tiptap/pk-tiptap-editor.ts"],"sourcesContent":["import { Editor, type Extensions } from '@tiptap/core';\nimport {\n    createTiptapExtensions,\n    normalizeContentArray,\n    valueToContent,\n} from '@verbb/plugin-kit-tiptap-core';\n\nexport function serializeTiptapDocumentContent(content: unknown): string {\n    return JSON.stringify(normalizeContentArray(content));\n}\n\n/** Normalize React/HTML `value` into the JSON string the editor stores and emits. */\nexport function serializeTiptapDocumentValue(raw: string | unknown[] | null | undefined): string {\n    if (raw == null) {\n        return '[]';\n    }\n\n    if (typeof raw === 'string') {\n        return raw;\n    }\n\n    if (Array.isArray(raw)) {\n        return JSON.stringify(raw);\n    }\n\n    return '[]';\n}\n\nexport function parseTiptapDocumentValue(raw: string | unknown[] | null | undefined): unknown[] {\n    if (raw == null || raw === '') {\n        return [];\n    }\n\n    // React often passes a document array prop — accept it without JSON.parse.\n    if (Array.isArray(raw)) {\n        return raw;\n    }\n\n    if (typeof raw !== 'string') {\n        return [];\n    }\n\n    try {\n        const parsed = JSON.parse(raw);\n        return Array.isArray(parsed) ? parsed : [];\n    } catch {\n        return [];\n    }\n}\n\nexport type TiptapEditorHostOptions = {\n    element: HTMLElement;\n    extensions?: Extensions;\n    content: unknown;\n    editable: boolean;\n    trailingCursorText?: string;\n    minHeight?: string;\n    onUpdate?: (content: unknown[]) => void;\n};\n\nexport class TiptapEditorHost {\n    editor: Editor | null = null;\n\n    private lastEmitted: string | null = null;\n\n    /** Skip TipTap `onUpdate` while applying controlled prop content — otherwise setContent\n     * re-emits pk-change → React setValue → value prop → setContent … forever. */\n    private suppressUpdateEmission = false;\n\n    mount({\n        element,\n        extensions,\n        content,\n        editable,\n        trailingCursorText = '\\u2060',\n        minHeight,\n        onUpdate,\n    }: TiptapEditorHostOptions): void {\n        const doc = valueToContent(content, { trailingCursorText });\n\n        this.editor = new Editor({\n            element,\n            extensions: extensions ?? createTiptapExtensions({ trailingCursorText }),\n            content: doc,\n            editable,\n            onUpdate: ({ editor }) => {\n                const normalized = normalizeContentArray(editor.getJSON().content);\n                const serialized = JSON.stringify(normalized);\n                this.lastEmitted = serialized;\n\n                if (this.suppressUpdateEmission) {\n                    return;\n                }\n\n                onUpdate?.(normalized);\n            },\n        });\n\n        if (minHeight) {\n            this.editor.view.dom.style.minHeight = minHeight;\n        }\n    }\n\n    setContent(content: unknown, options: { trailingCursorText?: string; respectFocus?: boolean } = {}): void {\n        if (!this.editor) {\n            return;\n        }\n\n        const { trailingCursorText = '\\u2060', respectFocus = true } = options;\n\n        if (respectFocus && this.editor.isFocused) {\n            return;\n        }\n\n        const doc = valueToContent(content, { trailingCursorText });\n        const incoming = JSON.stringify(doc?.content ?? []);\n        const current = JSON.stringify(this.editor.getJSON().content ?? []);\n\n        if (incoming === current || incoming === this.lastEmitted) {\n            return;\n        }\n\n        this.suppressUpdateEmission = true;\n        try {\n            this.editor.commands.setContent(doc ?? { type: 'doc', content: [] });\n        } finally {\n            this.suppressUpdateEmission = false;\n        }\n    }\n\n    destroy(): void {\n        this.editor?.destroy();\n        this.editor = null;\n        this.lastEmitted = null;\n        this.suppressUpdateEmission = false;\n    }\n}\n","import type {\n    ElementSelectorHost,\n    LinkOptionsInput,\n    ToolbarNode,\n} from '@verbb/plugin-kit-tiptap-core';\nimport { parseToolbarConfig } from '@verbb/plugin-kit-tiptap-core';\n\ndeclare global {\n    interface Window {\n        Craft?: {\n            createElementSelectorModal?: ElementSelectorHost['openElementSelector'];\n        };\n    }\n}\n\nexport function createCraftElementSelectorHost(): ElementSelectorHost {\n    return {\n        openElementSelector: (elementType, options) => {\n            const craft = window.Craft;\n\n            if (!craft?.createElementSelectorModal) {\n                throw new Error('Craft element selector is not available in this environment.');\n            }\n\n            // Craft reads its selector registry through `this`, so preserve the global as receiver.\n            craft.createElementSelectorModal(elementType, options);\n        },\n    };\n}\n\nexport function parseLinkOptionsAttribute(raw: string | null): LinkOptionsInput | undefined {\n    if (!raw) {\n        return undefined;\n    }\n\n    try {\n        return JSON.parse(raw) as LinkOptionsInput;\n    } catch {\n        return undefined;\n    }\n}\n\nexport function parseButtonsAttribute(raw: string | null | undefined): string[] {\n    if (!raw) {\n        return ['bold', 'italic'];\n    }\n\n    return raw\n        .split(',')\n        .map((button) => button.trim())\n        .filter(Boolean);\n}\n\nexport function parseToolbarAttribute(\n    toolbarRaw: string | ToolbarNode[] | null | undefined,\n    buttonsRaw: string | string[] | null | undefined,\n): ToolbarNode[] {\n    if (Array.isArray(toolbarRaw)) {\n        return parseToolbarConfig(toolbarRaw);\n    }\n\n    if (typeof toolbarRaw === 'string' && toolbarRaw.trim()) {\n        return parseToolbarConfig(toolbarRaw);\n    }\n\n    if (Array.isArray(buttonsRaw)) {\n        return parseToolbarConfig(buttonsRaw.join(','));\n    }\n\n    return parseToolbarConfig(buttonsRaw ?? 'bold,italic');\n}\n","import { getRegisteredTiptapToolbarControl } from '@verbb/plugin-kit-tiptap-core';\n\nimport {\n    alignCenter,\n    alignJustify,\n    alignLeft,\n    alignRight,\n    arrowRotateLeft,\n    arrowRotateRight,\n    bold,\n    bracketsCurly,\n    chevronDown,\n    code,\n    fileDashedLine,\n    h1,\n    h2,\n    h3,\n    h4,\n    h5,\n    h6,\n    heading,\n    highlighter,\n    italic,\n    link,\n    listOl,\n    listUl,\n    minus,\n    paragraph,\n    quoteRight,\n    smallCaps,\n    strikethrough,\n    subscript,\n    superscript,\n    table,\n    textSlash,\n    underline,\n    renderIconHtml,\n} from '../../icons/index.js';\n\nexport const TOOLBAR_CHEVRON_HTML = renderIconHtml(chevronDown);\n\nexport const TOOLBAR_ICONS: Record<string, string> = {\n    bold: renderIconHtml(bold),\n    italic: renderIconHtml(italic),\n    underline: renderIconHtml(underline),\n    strikethrough: renderIconHtml(strikethrough),\n    subscript: renderIconHtml(subscript),\n    superscript: renderIconHtml(superscript),\n    'small-caps': renderIconHtml(smallCaps),\n    code: renderIconHtml(bracketsCurly),\n    'code-block': renderIconHtml(code),\n    highlight: renderIconHtml(highlighter),\n    h1: renderIconHtml(h1),\n    h2: renderIconHtml(h2),\n    h3: renderIconHtml(h3),\n    h4: renderIconHtml(h4),\n    h5: renderIconHtml(h5),\n    h6: renderIconHtml(h6),\n    heading: renderIconHtml(heading),\n    paragraph: renderIconHtml(paragraph),\n    'unordered-list': renderIconHtml(listUl),\n    'ordered-list': renderIconHtml(listOl),\n    blockquote: renderIconHtml(quoteRight),\n    'align-left': renderIconHtml(alignLeft),\n    'align-center': renderIconHtml(alignCenter),\n    'align-right': renderIconHtml(alignRight),\n    'align-justify': renderIconHtml(alignJustify),\n    'clear-format': renderIconHtml(textSlash),\n    hr: renderIconHtml(minus),\n    'line-break': renderIconHtml(fileDashedLine),\n    link: renderIconHtml(link),\n    table: renderIconHtml(table),\n    undo: renderIconHtml(arrowRotateLeft),\n    redo: renderIconHtml(arrowRotateRight),\n};\n\nexport const TOOLBAR_LABELS: Record<string, string> = {\n    bold: 'Bold',\n    italic: 'Italic',\n    underline: 'Underline',\n    strikethrough: 'Strikethrough',\n    subscript: 'Subscript',\n    superscript: 'Superscript',\n    'small-caps': 'Small caps',\n    'font-family': 'Font family',\n    'font-size': 'Font size',\n    'text-color': 'Text and background color',\n    'line-height': 'Line height',\n    code: 'Inline code',\n    'code-block': 'Code block',\n    highlight: 'Highlight',\n    h1: 'Heading 1',\n    h2: 'Heading 2',\n    h3: 'Heading 3',\n    h4: 'Heading 4',\n    h5: 'Heading 5',\n    h6: 'Heading 6',\n    paragraph: 'Paragraph',\n    'unordered-list': 'Bullet list',\n    'ordered-list': 'Numbered list',\n    blockquote: 'Blockquote',\n    'align-left': 'Align left',\n    'align-center': 'Align center',\n    'align-right': 'Align right',\n    'align-justify': 'Justify',\n    'clear-format': 'Clear format',\n    hr: 'Horizontal rule',\n    'line-break': 'Line break',\n    link: 'Link',\n    table: 'Table',\n    undo: 'Undo',\n    redo: 'Redo',\n};\n\nexport function getToolbarMenuItemLabel(buttonName: string): string {\n    return TOOLBAR_LABELS[buttonName]\n        ?? getRegisteredTiptapToolbarControl(buttonName)?.label\n        ?? buttonName;\n}\n\nexport function getToolbarButtonIcon(buttonName: string): string | undefined {\n    const registeredIcon = getRegisteredTiptapToolbarControl(buttonName)?.icon;\n\n    return TOOLBAR_ICONS[buttonName]\n        ?? (registeredIcon ? renderIconHtml(registeredIcon) : undefined);\n}\n\n/** Prefix icon for `pk-dropdown-item` — SVG must carry `slot=\"prefix\"` directly. */\nexport function createToolbarPrefixIcon(buttonName: string): SVGSVGElement | null {\n    const iconHtml = getToolbarButtonIcon(buttonName);\n\n    if (!iconHtml) {\n        return null;\n    }\n\n    const template = document.createElement('template');\n    template.innerHTML = iconHtml.trim();\n    const icon = template.content.firstElementChild;\n\n    if (!(icon instanceof SVGSVGElement)) {\n        return null;\n    }\n\n    icon.setAttribute('slot', 'prefix');\n    icon.setAttribute('aria-hidden', 'true');\n    icon.setAttribute('width', '12');\n    icon.setAttribute('height', '12');\n    icon.classList.add('pk-dropdown-item__prefix-icon');\n\n    return icon;\n}\n","import { css } from 'lit';\n\nexport const pkTiptapEditorStyles = css`\n    @layer pk-component {\n        :host {\n            display: block;\n            width: 100%;\n            font-family: var(--pk-font-family);\n        }\n\n        .shell {\n            overflow: hidden;\n            border: var(--pk-input-border);\n            border-radius: var(--pk-radius-md);\n            background: #fff;\n        }\n\n        :host([invalid]) .shell,\n        :host(:state(user-invalid)) .shell {\n            border-color: var(--pk-color-rose-600);\n        }\n\n        .toolbar {\n            display: flex;\n            flex-wrap: wrap;\n            gap: 0.25rem;\n            padding: 0.25rem 0.5rem;\n            border-bottom: 1px solid rgba(96, 125, 159, 0.4);\n            background: #fff;\n            box-shadow: 0 2px 3px rgba(49, 49, 93, 0.07);\n        }\n\n        .toolbar-item {\n            display: inline-flex;\n        }\n\n        .toolbar-item pk-tooltip {\n            display: contents;\n        }\n\n        .toolbar-btn {\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            width: 2rem;\n            height: 2rem;\n            margin: 0;\n            padding: 0;\n            border: 0;\n            border-radius: var(--pk-radius-md);\n            background: transparent;\n            color: #1c2e36;\n            cursor: pointer;\n        }\n\n        .toolbar-btn:hover:not(:disabled) {\n            background: rgb(241, 245, 249);\n        }\n\n        .toolbar-btn[data-state='active'] {\n            background: rgb(226, 232, 240);\n        }\n\n        .toolbar-btn:disabled {\n            cursor: not-allowed;\n            opacity: 0.5;\n        }\n\n        .toolbar-btn svg {\n            display: block;\n            width: 1rem;\n            height: 1rem;\n            pointer-events: none;\n        }\n\n        .toolbar-btn--menu {\n            width: auto;\n            min-width: 2rem;\n            gap: 0.125rem;\n            padding: 0 0.375rem;\n        }\n\n        .toolbar-btn__trigger-label {\n            font-size: 0.625rem;\n            font-weight: 700;\n            line-height: 1;\n            letter-spacing: 0.02em;\n            text-transform: uppercase;\n        }\n\n        .toolbar-btn__chevron {\n            display: inline-flex;\n            flex-shrink: 0;\n            opacity: 0.7;\n        }\n\n        .toolbar-btn__chevron svg {\n            width: 0.5rem;\n            height: 0.5rem;\n        }\n\n        .toolbar-separator {\n            align-self: center;\n            flex-shrink: 0;\n            width: 1px;\n            height: 1.25rem;\n            margin: 0 0.125rem;\n            background: rgba(96, 125, 159, 0.35);\n        }\n\n        .toolbar-btn__label {\n            font-size: 0.625rem;\n            font-weight: 600;\n            line-height: 1;\n            text-transform: uppercase;\n            letter-spacing: 0.02em;\n        }\n\n        .toolbar-btn--text-style {\n            max-width: 9rem;\n            padding-inline: 0.5rem;\n        }\n\n        .toolbar-btn__text-style-value {\n            overflow: hidden;\n            font-size: var(--pk-font-size-xs);\n            line-height: 1;\n            text-overflow: ellipsis;\n            white-space: nowrap;\n        }\n\n        .toolbar-btn--color .toolbar-btn__text-style-value {\n            min-width: 1rem;\n            border-bottom: 2px solid var(--text-style-trigger-color, currentColor);\n            color: var(--text-style-trigger-color, currentColor);\n            font-weight: 700;\n            text-align: center;\n        }\n\n        pk-dropdown-menu.text-style-palette::part(panel) {\n            display: grid;\n            grid-template-columns: repeat(5, 2rem);\n            gap: 0.625rem 0.75rem;\n            width: max-content;\n            min-width: 0;\n            padding: 1rem;\n        }\n\n        .text-style-palette__label {\n            grid-column: 1 / -1;\n            color: var(--pk-color-gray-900);\n        }\n\n        .text-style-palette__label::part(label) {\n            padding: 0 0 0.125rem;\n            font-size: var(--pk-font-size-base);\n            font-weight: 600;\n        }\n\n        .text-style-palette__label--highlight {\n            margin-top: 0.375rem;\n        }\n\n        .text-style-palette__option {\n            width: 2rem;\n            height: 2rem;\n            --pk-dropdown-item-gap: 0;\n            --pk-dropdown-item-icon-size: 1.625rem;\n        }\n\n        .text-style-palette__option::part(item) {\n            justify-content: center;\n            width: 2rem;\n            height: 2rem;\n            min-height: 0;\n            padding: 0;\n            border-radius: 50%;\n            background: transparent;\n        }\n\n        .text-style-palette__option:hover::part(item),\n        .text-style-palette__option:focus-within::part(item),\n        .text-style-palette__option[data-highlighted]::part(item),\n        .text-style-palette__option[checked]::part(item) {\n            background: transparent;\n        }\n\n        .text-style-palette__option::part(prefix) {\n            width: 1.625rem;\n            height: 1.625rem;\n        }\n\n        .text-style-palette__option::part(label) {\n            position: absolute;\n        }\n\n        .text-style-palette__option::part(check) {\n            display: none;\n        }\n\n        .text-style-palette__swatch {\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            width: 1.625rem;\n            height: 1.625rem;\n            box-sizing: border-box;\n            border: 1px solid rgba(15, 23, 42, 0.16);\n            border-radius: 50%;\n        }\n\n        /* Keep the state treatment concentric with the slotted swatch. The\n           dropdown item's shadow button is wider than its prefix in some hosts. */\n        .text-style-palette__option:hover .text-style-palette__swatch,\n        .text-style-palette__option:focus-within .text-style-palette__swatch,\n        .text-style-palette__option[data-highlighted] .text-style-palette__swatch,\n        .text-style-palette__option[checked] .text-style-palette__swatch {\n            box-shadow: 0 0 0 0.25rem var(--pk-color-slate-100);\n        }\n\n        .text-style-palette__swatch--text {\n            border-color: var(--text-style-swatch, rgba(15, 23, 42, 0.35));\n            color: var(--text-style-swatch, #1f2937);\n            font-size: var(--pk-font-size-base);\n            font-weight: 500;\n            line-height: 1;\n        }\n\n        .text-style-palette__swatch--highlight {\n            background: var(--text-style-swatch, #fff);\n        }\n\n        .text-style-palette__accessible-label {\n            position: absolute;\n            width: 1px;\n            height: 1px;\n            padding: 0;\n            margin: -1px;\n            overflow: hidden;\n            clip: rect(0, 0, 0, 0);\n            white-space: nowrap;\n            border: 0;\n        }\n\n        .text-style-palette pk-tooltip {\n            display: contents;\n        }\n\n        /* Full toolbar replace (slot=toolbar on host when hasCustomToolbar). */\n        .toolbar ::slotted([slot='toolbar']) {\n            display: contents;\n        }\n\n        /* Append lane inside the stock toolbar — one flex item per slotted root (same gap). */\n        .toolbar ::slotted([slot='toolbar-end']) {\n            display: inline-flex;\n            align-items: center;\n        }\n\n        .editor-mount {\n            position: relative;\n        }\n\n        .content-error {\n            display: flex;\n            gap: 0.5rem;\n            padding: 0.5rem 1rem;\n            border-bottom: 1px solid var(--pk-color-rose-200);\n            background: var(--pk-color-rose-50);\n            color: var(--pk-color-rose-800);\n            font-size: var(--pk-font-size-sm);\n        }\n\n        .mirror-input {\n            display: none;\n        }\n\n        /* No trigger slot — collapse the host so it does not reserve shell space.\n           Toolbar refresh while open is still gated by linkDialogBusy / open. */\n        .link-dialog {\n            display: contents;\n        }\n\n        .link-dialog__fields {\n            display: flex;\n            flex-direction: column;\n            gap: 1rem;\n        }\n\n        .link-bubble {\n            position: absolute;\n            z-index: 250;\n            display: flex;\n            align-items: center;\n            gap: 0;\n            width: max-content;\n            max-width: calc(100% - 1rem);\n            padding: 0;\n            border: 0;\n            border-radius: var(--pk-radius-md);\n            background: #1c2e36;\n            color: #fff;\n            font-size: 12px;\n            line-height: 1.5;\n            overflow: visible;\n            pointer-events: auto;\n            white-space: nowrap;\n        }\n\n        .link-bubble__arrow {\n            position: absolute;\n            left: 50%;\n            bottom: -0.25rem;\n            width: 0.5rem;\n            height: 0.5rem;\n            background: #1c2e36;\n            transform: translateX(-50%) rotate(45deg);\n            pointer-events: none;\n        }\n\n        .link-bubble__url,\n        .link-bubble__action {\n            box-sizing: border-box;\n            padding: 6px 8px;\n            font-size: 12px;\n            line-height: 1.5;\n        }\n\n        .link-bubble__url {\n            display: inline-flex;\n            align-items: center;\n            max-width: 200px;\n            overflow: hidden;\n            text-overflow: ellipsis;\n            white-space: nowrap;\n        }\n\n        .link-bubble__divider {\n            flex-shrink: 0;\n            align-self: center;\n            width: 1px;\n            height: 12px;\n            background: #616d73;\n        }\n\n        .link-bubble__action {\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            margin: 0;\n            border: 0;\n            border-radius: var(--pk-radius-sm);\n            background: transparent;\n            color: #fff;\n            font-family: inherit;\n            font-weight: inherit;\n            white-space: nowrap;\n            cursor: pointer;\n            outline: none;\n            appearance: none;\n            -webkit-appearance: none;\n            min-height: 0;\n            transition: color 0.15s ease;\n        }\n\n        .link-bubble__action:hover {\n            color: rgb(255 255 255 / 0.7);\n        }\n    }\n`;\n","import { html, nothing } from 'lit';\nimport { customElement, property, query, state } from '../../decorators.js';\nimport type { PropertyValues } from 'lit';\nimport { unsafeSVG } from 'lit/directives/unsafe-svg.js';\nimport {\n    applyLinkToEditor,\n    createTiptapExtensions,\n    getCraftLinkOptions,\n    getFatalTiptapContentError,\n    getRegisteredTiptapToolbarControl,\n    getLinkEditState,\n    getLinkOptionsElementSiteId,\n    getLinkOpenInNewTab,\n    getSelectedText,\n    getToolbarGroupDefaultIcon,\n    getToolbarGroupMenuItems,\n    getToolbarGroupTriggerState,\n    isFormattingToolbarPreset,\n    isHeadingsOnlyToolbarPreset,\n    isTiptapButtonActive,\n    isToolbarButtonActive,\n    openCraftElementLinkSelector,\n    runToolbarButton,\n    resolveTiptapTextStyleToolbarConfig,\n    toolbarIncludesButton,\n    unsetLinkFromEditor,\n    type LinkElementConfig,\n    type LinkOptionsInput,\n    type ToolbarGroup,\n    type ToolbarNode,\n    type TiptapTextStyleOption,\n    type TiptapTextStyleToolbarConfig,\n} from '@verbb/plugin-kit-tiptap-core';\nimport { getMarkRange, posToDOMRect } from '@tiptap/core';\n\nimport { formControlStyles } from '../../base/form-control.styles.js';\nimport { PkFormAssociatedElement } from '../../base/pk-form-associated-element.js';\nimport { uniqueId } from '../../a11y/focus.js';\nimport { MirrorValidator } from '../../validators/index.js';\nimport {\n    link,\n    triangleExclamation,\n    renderIconHtml,\n} from '../../icons/index.js';\n\nimport '../button/pk-button.js';\nimport '../checkbox/pk-checkbox.js';\nimport '../dialog/pk-dialog.js';\nimport '../dropdown-menu/pk-dropdown-item.js';\nimport '../dropdown-menu/pk-dropdown-label.js';\nimport '../field/pk-field.js';\nimport '../input/pk-input.js';\nimport '../dropdown-menu/pk-dropdown-menu.js';\nimport '../dropdown-menu/pk-dropdown-separator.js';\nimport '../tooltip/pk-tooltip.js';\nimport type { PkButton } from '../button/pk-button.js';\nimport type { PkCheckbox } from '../checkbox/pk-checkbox.js';\nimport type { PkDialog } from '../dialog/pk-dialog.js';\nimport type { PkDropdownItem } from '../dropdown-menu/pk-dropdown-item.js';\nimport type { PkDropdownMenu } from '../dropdown-menu/pk-dropdown-menu.js';\nimport type { PkInput } from '../input/pk-input.js';\nimport { TiptapEditorHost, parseTiptapDocumentValue, serializeTiptapDocumentContent, serializeTiptapDocumentValue } from './tiptap-editor-host.js';\nimport { createCraftElementSelectorHost, parseLinkOptionsAttribute, parseToolbarAttribute } from './tiptap-utils.js';\nimport {\n    TOOLBAR_CHEVRON_HTML,\n    TOOLBAR_ICONS,\n    TOOLBAR_LABELS,\n    createToolbarPrefixIcon,\n    getToolbarButtonIcon,\n    getToolbarMenuItemLabel,\n} from './tiptap-toolbar.js';\nimport { createVariableTagDomNodeView } from './variable-tag-node-view.js';\nimport { pkTiptapEditorStyles } from './pk-tiptap-editor.styles.js';\nimport { tiptapProseMirrorStyles } from './tiptap.styles.js';\n\ntype LinkDialogSeed = {\n    url?: string;\n    text?: string;\n    openInNewTab?: boolean;\n    from?: number;\n    to?: number;\n};\n\n/**\n * TipTap document editor with a Craft-styled toolbar.\n *\n * @slot toolbar - Replace the entire default toolbar (opt-in via light-DOM presence).\n * @slot toolbar-end - Append controls after stock toolbar buttons (same flex gap).\n */\n@customElement('pk-tiptap-editor')\nexport class PkTiptapEditor extends PkFormAssociatedElement {\n    static override styles = [formControlStyles, pkTiptapEditorStyles, tiptapProseMirrorStyles];\n\n    static override get validators() {\n        return [...super.validators, MirrorValidator()];\n    }\n\n    override assumeInteractionOn = ['blur', 'input'];\n\n    @query('.editor-mount')\n    private editorMount!: HTMLDivElement;\n\n    @query('.mirror-input')\n    override input!: HTMLInputElement;\n\n    @query('.link-dialog')\n    private linkDialog?: PkDialog;\n\n    @query('pk-input.link-dialog__url-input')\n    private linkUrlInput?: PkInput;\n\n    @query('pk-input.link-dialog__text-input')\n    private linkTextInput?: PkInput;\n\n    @query('pk-checkbox')\n    private linkNewTabCheckbox?: PkCheckbox;\n\n    @query('pk-button.link-dialog__submit')\n    private linkSubmitButton?: PkButton;\n\n    private readonly linkUrlInputId = uniqueId('pk-tiptap-link-url');\n\n    private readonly linkTextInputId = uniqueId('pk-tiptap-link-text');\n\n    private readonly host = new TiptapEditorHost();\n\n    private _value: string | null = null;\n\n    /**\n     * Flat toolbar button list. HTML uses a comma-separated attribute; React may\n     * pass a `string[]`. Named `buttons` (not `buttonsAttr`) so React can set the\n     * property — a getter-only `buttons` previously threw on assign.\n     */\n    @property({\n        attribute: 'buttons',\n        converter: {\n            fromAttribute: (value: string | null) => value ?? 'bold,italic',\n            toAttribute: (value: string | string[] | null | undefined) => {\n                if (value == null) {\n                    return 'bold,italic';\n                }\n\n                return Array.isArray(value) ? value.join(',') : value;\n            },\n        },\n    })\n    buttons: string | string[] = 'bold,italic';\n\n    /** Structured toolbar config — JSON string attribute, or a node array from React. */\n    @property({\n        attribute: 'toolbar',\n        converter: {\n            fromAttribute: (value: string | null) => value,\n            toAttribute: (value: string | ToolbarNode[] | null | undefined) => {\n                if (value == null) {\n                    return null;\n                }\n\n                return typeof value === 'string' ? value : JSON.stringify(value);\n            },\n        },\n    })\n    toolbar: string | ToolbarNode[] | null = null;\n\n    /** Values shown by the optional TextStyle toolbar controls. */\n    @property({\n        attribute: 'text-style-options',\n        converter: {\n            fromAttribute: (value: string | null) => {\n                if (!value) {\n                    return null;\n                }\n\n                try {\n                    return JSON.parse(value) as TiptapTextStyleToolbarConfig;\n                } catch {\n                    return null;\n                }\n            },\n            toAttribute: (value: TiptapTextStyleToolbarConfig | null | undefined) => (\n                value ? JSON.stringify(value) : null\n            ),\n        },\n    })\n    textStyleOptions: TiptapTextStyleToolbarConfig | null = null;\n\n    /** JSON configuration for Craft entry, asset, category, or custom element links. */\n    @property({ attribute: 'link-options' })\n    linkOptions: string | null = null;\n\n    /** Required storage-key prefix when Craft element link options are enabled. */\n    @property({ attribute: 'link-selector-storage-key-prefix' })\n    linkSelectorStorageKeyPrefix?: string;\n\n    @property({ type: Number })\n    rows = 4;\n\n    @property()\n    placeholder = '';\n\n    @property({ type: Boolean, reflect: true })\n    readonly = false;\n\n    @property({ type: Boolean, reflect: true })\n    invalid = false;\n\n    /**\n     * Formie / React configure bridge — called when a chip is activated for editing.\n     * Prefer this over listening for `pk-variable-tag-configure` from React.\n     */\n    @property({ attribute: false })\n    variableTagConfigure: ((detail: import('./variable-tag-node-view.js').PkVariableTagConfigureDetail) => void) | null = null;\n\n    @property({ attribute: 'invalid-content-message' })\n    invalidContentMessage = '';\n\n    /** Show `pk-tooltip` hints on toolbar buttons (default: on). */\n    @property({ type: Boolean, attribute: 'toolbar-tooltips' })\n    toolbarTooltips = true;\n\n    private linkDialogBusy = false;\n\n    private linkDialogSeed: LinkDialogSeed = {};\n\n    @state()\n    private linkDialogTitle = 'Insert Link';\n\n    @state()\n    private linkDialogSubmitLabel = 'Insert';\n\n    @state()\n    private linkDialogMounted = false;\n\n    @state()\n    private linkBubbleVisible = false;\n\n    @state()\n    private linkBubbleHref = '';\n\n    @state()\n    private linkBubbleTop = 0;\n\n    @state()\n    private linkBubbleLeft = 0;\n\n    private hasCustomToolbar = false;\n\n    private readonly linkButtonId = uniqueId('pk-tiptap-link-btn');\n\n    private readonly toolbarButtonIds = new Map<string, string>();\n\n    private readonly toolbarGroupIds = new Map<string, string>();\n\n    private selectionListenerAttached = false;\n\n    get value(): string {\n        if (this.valueHasChanged) {\n            return this._value ?? '[]';\n        }\n\n        return this._value ?? this.defaultValue ?? '[]';\n    }\n\n    /**\n     * Document JSON string. Also accepts a TipTap node array (common from React)\n     * and serializes it — arrays previously bypassed JSON.parse and mounted empty.\n     */\n    @state()\n    set value(val: string | unknown[] | null) {\n        const next = serializeTiptapDocumentValue(val);\n\n        if (this._value === next) {\n            return;\n        }\n\n        this.valueHasChanged = true;\n        this._value = next;\n    }\n\n    @property({ attribute: 'value', reflect: true })\n    defaultValue: string | null = '[]';\n\n    get editor() {\n        return this.host.editor;\n    }\n\n    get toolbarNodes(): ToolbarNode[] {\n        const buttonsRaw = Array.isArray(this.buttons) ? this.buttons.join(',') : this.buttons;\n\n        return parseToolbarAttribute(this.toolbar, buttonsRaw)\n            .filter((node) => node.type !== 'button' || node.name !== 'variableTag');\n    }\n\n    /** Resolved flat button names from the active toolbar config. */\n    get buttonNames(): string[] {\n        return this.toolbarNodes\n            .filter((node): node is Extract<ToolbarNode, { type: 'button' }> => node.type === 'button')\n            .map((node) => node.name);\n    }\n\n    private toolbarHasLink(): boolean {\n        return toolbarIncludesButton(this.toolbarNodes, 'link');\n    }\n\n    private resolveLinkOptions(): LinkOptionsInput | undefined {\n        return parseLinkOptionsAttribute(this.linkOptions);\n    }\n\n    private get contentError(): string {\n        return this.resolveContentError();\n    }\n\n    protected override syncFormValue(): void {\n        this.setValue(this.value || '[]');\n\n        if (this.input) {\n            this.input.value = this.value || '[]';\n        }\n    }\n\n    protected override resetToDefaultValue(): void {\n        this.valueHasChanged = false;\n        this._value = null;\n        this.syncEditorContent();\n    }\n\n    protected override restoreFormState(state: string | File | FormData | null): void {\n        if (typeof state === 'string') {\n            this.value = state;\n            this.syncEditorContent();\n        }\n    }\n\n    override connectedCallback(): void {\n        super.connectedCallback();\n        this.hasCustomToolbar = Boolean(this.querySelector('[slot=\"toolbar\"]'));\n    }\n\n    override disconnectedCallback(): void {\n        this.linkDialog?.forceOverlayReset();\n        this.linkDialogBusy = false;\n        this.host.destroy();\n        this.selectionListenerAttached = false;\n        super.disconnectedCallback();\n    }\n\n    override updated(changed: PropertyValues): void {\n        if (changed.has('value') && !changed.has('defaultValue')) {\n            this.syncEditorContent();\n        }\n\n        if (changed.has('defaultValue') && !this.valueHasChanged) {\n            this.syncEditorContent();\n        }\n\n        if (changed.has('disabled') || changed.has('readonly')) {\n            this.host.editor?.setEditable(!this.disabled && !this.readonly);\n        }\n\n        super.updated(changed);\n    }\n\n    override firstUpdated(): void {\n        queueMicrotask(() => {\n            this.mountEditor();\n            this.syncFormValue();\n        });\n    }\n\n    private resolveContentError(): string {\n        const detected = getFatalTiptapContentError(this.value);\n        return detected ? (this.invalidContentMessage || detected) : '';\n    }\n\n    private mountEditor(): void {\n        const content = this.contentError ? null : parseTiptapDocumentValue(this.value);\n        const normalizedRows = Math.max(1, Number(this.rows || 0));\n        const minHeight = `${(normalizedRows * 24) + 32}px`;\n\n        this.host.mount({\n            element: this.editorMount,\n            extensions: createTiptapExtensions({\n                trailingCursorText: '\\u2060',\n                variableTagNodeView: createVariableTagDomNodeView(),\n            }),\n            content,\n            editable: !this.disabled && !this.readonly && !this.contentError,\n            trailingCursorText: '\\u2060',\n            minHeight,\n            onUpdate: (nextContent) => {\n                const serialized = serializeTiptapDocumentContent(nextContent);\n                this.value = serialized;\n\n                if (this.input) {\n                    this.input.value = serialized;\n                }\n\n                this.syncFormValue();\n                // Emit JSON string (matches `value` prop) — arrays caused Formie controlled\n                // fields to write mismatched types and re-enter sync forever.\n                this.emitValueChange(serialized);\n            },\n        });\n\n        queueMicrotask(() => {\n            this.attachSelectionListeners();\n            // Visibility predicates need the mounted Editor instance before the\n            // first custom-control render can be authoritative.\n            this.requestUpdate();\n        });\n    }\n\n    private attachSelectionListeners(): void {\n        const editor = this.host.editor;\n\n        if (!editor || this.selectionListenerAttached) {\n            return;\n        }\n\n        const refreshToolbar = () => {\n            if (this.linkDialogBusy || this.linkDialog?.open) {\n                this.linkBubbleVisible = false;\n                return;\n            }\n\n            this.updateLinkBubble();\n\n            queueMicrotask(() => {\n                if (this.isConnected && !this.linkDialogBusy && !this.linkDialog?.open) {\n                    this.requestUpdate();\n                }\n            });\n        };\n\n        editor.on('selectionUpdate', refreshToolbar);\n        editor.on('transaction', refreshToolbar);\n        editor.on('focus', refreshToolbar);\n        editor.on('blur', () => {\n            this.linkBubbleVisible = false;\n            this.requestUpdate();\n        });\n        this.selectionListenerAttached = true;\n    }\n\n    private updateLinkBubble(): void {\n        const editor = this.host.editor;\n\n        if (\n            !editor\n            || this.disabled\n            || this.readonly\n            || this.linkDialogBusy\n            || this.linkDialog?.open\n            || !editor.isFocused\n            || !editor.isActive('link')\n        ) {\n            this.linkBubbleVisible = false;\n            return;\n        }\n\n        const linkType = editor.state.schema.marks.link;\n        const range = getMarkRange(editor.state.selection.$from, linkType);\n\n        if (!range) {\n            this.linkBubbleVisible = false;\n            return;\n        }\n\n        const linkRect = posToDOMRect(editor.view, range.from, range.to);\n        const mountRect = this.editorMount.getBoundingClientRect();\n        const bubbleOffset = 8;\n\n        this.linkBubbleHref = String(editor.getAttributes('link').href ?? '');\n        this.linkBubbleTop = linkRect.top - mountRect.top - bubbleOffset;\n        this.linkBubbleLeft = linkRect.left - mountRect.left + (linkRect.width / 2);\n        this.linkBubbleVisible = true;\n    }\n\n    private handleLinkBubbleEdit = (event: Event): void => {\n        event.preventDefault();\n\n        const editor = this.host.editor;\n\n        if (!editor) {\n            return;\n        }\n\n        const state = getLinkEditState(editor);\n        this.linkBubbleVisible = false;\n        this.openLinkDialog({\n            url: state.href,\n            text: state.text,\n            openInNewTab: state.openInNewTab,\n            from: state.from,\n            to: state.to,\n        });\n    };\n\n    private handleLinkBubbleUnlink = (event: Event): void => {\n        event.preventDefault();\n\n        const editor = this.host.editor;\n\n        if (!editor) {\n            return;\n        }\n\n        unsetLinkFromEditor(editor);\n        this.linkBubbleVisible = false;\n    };\n\n    private renderLinkBubble() {\n        return html`\n            <div\n                class=\"link-bubble\"\n                role=\"toolbar\"\n                aria-label=\"Link actions\"\n                tabindex=\"0\"\n                style=${`top:${this.linkBubbleTop}px;left:${this.linkBubbleLeft}px;transform:translate(-50%, -100%);`}\n            >\n                <span class=\"link-bubble__arrow\" aria-hidden=\"true\"></span>\n                <span class=\"link-bubble__url\">${this.linkBubbleHref}</span>\n                <span class=\"link-bubble__divider\" aria-hidden=\"true\"></span>\n                <button\n                    type=\"button\"\n                    class=\"link-bubble__action\"\n                    @mousedown=${(event: Event) => event.preventDefault()}\n                    @click=${this.handleLinkBubbleEdit}\n                >Edit</button>\n                <span class=\"link-bubble__divider\" aria-hidden=\"true\"></span>\n                <button\n                    type=\"button\"\n                    class=\"link-bubble__action\"\n                    @mousedown=${(event: Event) => event.preventDefault()}\n                    @click=${this.handleLinkBubbleUnlink}\n                >Unlink</button>\n            </div>\n        `;\n    }\n\n    private syncEditorContent(): void {\n        const content = this.contentError ? null : parseTiptapDocumentValue(this.value);\n        this.host.setContent(content, { trailingCursorText: '\\u2060' });\n\n        if (this.input) {\n            this.input.value = this.value || '[]';\n        }\n    }\n\n    private emitValueChange(value: string): void {\n        this.dispatchEvent(new CustomEvent('pk-change', {\n            detail: { value },\n            bubbles: true,\n            composed: true,\n        }));\n        this.dispatchEvent(new Event('input', { bubbles: true, composed: true }));\n        this.dispatchEvent(new Event('change', { bubbles: true, composed: true }));\n    }\n\n    private handleToolbarCommand(buttonName: string): void {\n        const editor = this.host.editor;\n\n        if (!editor) {\n            return;\n        }\n\n        runToolbarButton(editor, buttonName);\n    }\n\n    private openLinkMenu(): void {\n        const editor = this.host.editor;\n\n        if (!editor) {\n            return;\n        }\n\n        const selected = getSelectedText(editor);\n        const { from, to } = editor.state.selection;\n\n        const menu = this.shadowRoot?.querySelector<PkDropdownMenu>(\n            `pk-dropdown-menu[for=\"${this.linkButtonId}\"]`,\n        );\n\n        void (async () => {\n            await menu?.whenClosed();\n            this.openLinkDialog(from !== to ? { text: selected, from, to } : undefined);\n        })();\n    }\n\n    private openLinkDialog(initial?: LinkDialogSeed): void {\n        const editor = this.host.editor;\n        const url = initial?.url ?? '';\n\n        this.linkDialogBusy = true;\n        this.linkBubbleVisible = false;\n        this.linkDialogSeed = {\n            url,\n            text: initial?.text ?? '',\n            openInNewTab: initial?.openInNewTab ?? (editor ? getLinkOpenInNewTab(editor) : false),\n            from: initial?.from,\n            to: initial?.to,\n        };\n        this.linkDialogTitle = url.trim() ? 'Update Link' : 'Insert Link';\n        this.linkDialogSubmitLabel = url.trim() ? 'Update' : 'Insert';\n\n        if (!this.linkDialogMounted) {\n            this.linkDialogMounted = true;\n        }\n\n        // Mount first, then open after the dropdown has fully demoted (caller awaits\n        // whenClosed). Busy flag still suppresses toolbar refresh during show animation.\n        queueMicrotask(async () => {\n            await this.updateComplete;\n            await this.linkDialog?.updateComplete;\n            this.syncLinkDialogFields();\n            // Prefer show() over flipping `open` before firstUpdated — that path only\n            // call showModal() and skips PkShowEvent / enter animation.\n            await this.linkDialog?.show();\n        });\n    }\n\n    private closeLinkDialog(): void {\n        void this.linkDialog?.hide('close-button');\n    }\n\n    private handleLinkDialogAfterHide = (): void => {\n        this.linkDialogBusy = false;\n\n        queueMicrotask(() => {\n            if (this.isConnected && !this.linkDialog?.open) {\n                this.requestUpdate();\n            }\n        });\n    };\n\n    private syncLinkDialogFields(): void {\n        const seed = this.linkDialogSeed;\n\n        if (this.linkUrlInput) {\n            this.linkUrlInput.value = seed.url ?? '';\n        }\n\n        if (this.linkTextInput) {\n            this.linkTextInput.value = seed.text ?? '';\n        }\n\n        if (this.linkNewTabCheckbox) {\n            this.linkNewTabCheckbox.checked = Boolean(seed.openInNewTab);\n        }\n\n        this.updateLinkDialogSubmitState();\n    }\n\n    private updateLinkDialogSubmitState(): void {\n        const canSubmit = Boolean(this.linkUrlInput?.value.trim());\n\n        if (this.linkSubmitButton) {\n            this.linkSubmitButton.disabled = !canSubmit;\n        }\n    }\n\n    private handleLinkUrlInput = (): void => {\n        this.updateLinkDialogSubmitState();\n    };\n\n    private handleLinkDialogKeyDown = (event: KeyboardEvent): void => {\n        if (event.key !== 'Enter') {\n            return;\n        }\n\n        const path = event.composedPath();\n\n        if (path.some((node) => node instanceof HTMLElement && node.localName === 'pk-checkbox')) {\n            return;\n        }\n\n        if (path.some((node) => node instanceof HTMLElement && node.localName === 'pk-button')) {\n            return;\n        }\n\n        if (path.some((node) => node instanceof HTMLButtonElement)) {\n            return;\n        }\n\n        event.preventDefault();\n        event.stopPropagation();\n        this.submitLinkDialog();\n    };\n\n    private handleLinkDialogSubmit = (): void => {\n        this.submitLinkDialog();\n    };\n\n    private submitLinkDialog(): void {\n        const editor = this.host.editor;\n        const url = this.linkUrlInput?.value.trim() ?? '';\n\n        if (!editor || !url) {\n            return;\n        }\n\n        applyLinkToEditor(editor, {\n            url,\n            text: this.linkTextInput?.value ?? '',\n            openInNewTab: Boolean(this.linkNewTabCheckbox?.checked),\n            from: this.linkDialogSeed.from,\n            to: this.linkDialogSeed.to,\n        });\n\n        this.closeLinkDialog();\n    }\n\n    private isLinkActive(): boolean {\n        const editor = this.host.editor;\n        return editor ? isTiptapButtonActive(editor, 'link') : false;\n    }\n\n    private renderLinkDialog() {\n        return html`\n            <pk-dialog\n                class=\"link-dialog\"\n                size=\"wide\"\n                label=${this.linkDialogTitle}\n                @pk-after-hide=${this.handleLinkDialogAfterHide}\n                @keydown=${this.handleLinkDialogKeyDown}\n            >\n                <div class=\"link-dialog__fields\">\n                    <pk-field label=\"URL\" required .for=${this.linkUrlInputId}>\n                        <pk-input\n                            id=${this.linkUrlInputId}\n                            class=\"link-dialog__url-input\"\n                            type=\"url\"\n                            placeholder=\"https://\"\n                            autofocus\n                            @input=${this.handleLinkUrlInput}\n                        ></pk-input>\n                    </pk-field>\n                    <pk-field label=\"Text\" .for=${this.linkTextInputId}>\n                        <pk-input\n                            id=${this.linkTextInputId}\n                            class=\"link-dialog__text-input\"\n                            type=\"text\"\n                        ></pk-input>\n                    </pk-field>\n                    <pk-checkbox>Open link in new tab</pk-checkbox>\n                </div>\n                <pk-button slot=\"footer\" data-dialog-close>Cancel</pk-button>\n                <pk-button\n                    slot=\"footer\"\n                    class=\"link-dialog__submit\"\n                    variant=\"primary\"\n                    disabled\n                    @click=${this.handleLinkDialogSubmit}\n                >\n                    ${this.linkDialogSubmitLabel}\n                </pk-button>\n            </pk-dialog>\n        `;\n    }\n\n    private getToolbarButtonId(buttonName: string): string {\n        let id = this.toolbarButtonIds.get(buttonName);\n\n        if (!id) {\n            id = uniqueId(`pk-tiptap-toolbar-${buttonName}`);\n            this.toolbarButtonIds.set(buttonName, id);\n        }\n\n        return id;\n    }\n\n    private getToolbarButtonLabel(buttonName: string): string {\n        return TOOLBAR_LABELS[buttonName]\n            ?? getRegisteredTiptapToolbarControl(buttonName)?.label\n            ?? buttonName;\n    }\n\n    private renderToolbarTooltip(buttonId: string, label: string) {\n        if (!this.toolbarTooltips) {\n            return nothing;\n        }\n\n        return html`\n            <pk-tooltip for=${buttonId} content=${label} placement=\"top\"></pk-tooltip>\n        `;\n    }\n\n    private renderToolbarButton(buttonName: string) {\n        const editor = this.host.editor;\n        const registered = getRegisteredTiptapToolbarControl(buttonName);\n\n        if (registered?.isVisible && (!editor || !registered.isVisible(editor))) {\n            return nothing;\n        }\n\n        const icon = getToolbarButtonIcon(buttonName);\n        const label = this.getToolbarButtonLabel(buttonName);\n        const buttonId = this.getToolbarButtonId(buttonName);\n        const active = editor ? isTiptapButtonActive(editor, buttonName) : false;\n\n        return html`\n            <div class=\"toolbar-item\">\n                <button\n                    id=${buttonId}\n                    type=\"button\"\n                    class=\"toolbar-btn\"\n                    aria-label=${label}\n                    ?disabled=${this.disabled || this.readonly}\n                    data-state=${active ? 'active' : nothing}\n                    @click=${() => this.handleToolbarCommand(buttonName)}\n                >\n                    ${icon ? unsafeSVG(icon) : html`<span class=\"toolbar-btn__label\">${label}</span>`}\n                </button>\n                ${this.renderToolbarTooltip(buttonId, label)}\n            </div>\n        `;\n    }\n\n    private get textStyleToolbarConfig() {\n        return resolveTiptapTextStyleToolbarConfig(this.textStyleOptions);\n    }\n\n    private getTextStyleValue(attribute: string): string | null {\n        const value = this.host.editor?.getAttributes('textStyle')[attribute];\n        return typeof value === 'string' && value ? value : null;\n    }\n\n    private setTextStyleValue(attribute: string, value: string | null): void {\n        const editor = this.host.editor;\n\n        if (!editor) {\n            return;\n        }\n\n        const chain = editor.chain().focus();\n\n        switch (attribute) {\n            case 'fontFamily':\n                value ? chain.setFontFamily(value).run() : chain.unsetFontFamily().run();\n                break;\n            case 'fontSize':\n                value ? chain.setFontSize(value).run() : chain.unsetFontSize().run();\n                break;\n            case 'color':\n                value ? chain.setColor(value).run() : chain.unsetColor().run();\n                break;\n            case 'backgroundColor':\n                value ? chain.setBackgroundColor(value).run() : chain.unsetBackgroundColor().run();\n                break;\n            case 'lineHeight':\n                value ? chain.setLineHeight(value).run() : chain.unsetLineHeight().run();\n                break;\n        }\n    }\n\n    private getTextStyleOptionLabel(options: TiptapTextStyleOption[], value: string | null): string {\n        return options.find((option) => option.value === value)?.label\n            ?? options.find((option) => option.value === null)?.label\n            ?? 'Default';\n    }\n\n    private renderTextStyleOptions(attribute: string, options: TiptapTextStyleOption[]) {\n        const currentValue = this.getTextStyleValue(attribute);\n\n        return options.map((option) => html`\n            <pk-dropdown-item\n                type=\"radio\"\n                radio-group=${attribute}\n                value=${option.value ?? ''}\n                ?checked=${option.value === currentValue}\n                @click=${() => this.setTextStyleValue(attribute, option.value)}\n            >\n                ${option.label}\n            </pk-dropdown-item>\n        `);\n    }\n\n    private renderTextStylePaletteOptions(\n        attribute: 'color' | 'backgroundColor',\n        options: TiptapTextStyleOption[],\n        idPrefix: string,\n    ) {\n        const currentValue = this.getTextStyleValue(attribute);\n        const isTextColor = attribute === 'color';\n\n        return options.map((option, index) => {\n            const optionId = `${idPrefix}-${attribute}-${index}`;\n            const accessibleLabel = option.value\n                ? `${option.label} ${isTextColor ? 'text' : 'highlight'}`\n                : isTextColor ? 'Default text color' : 'No highlight';\n\n            return html`\n                <pk-dropdown-item\n                    id=${optionId}\n                    class=\"text-style-palette__option\"\n                    type=\"radio\"\n                    radio-group=${attribute}\n                    value=${option.value ?? ''}\n                    ?checked=${option.value === currentValue}\n                    @click=${() => this.setTextStyleValue(attribute, option.value)}\n                >\n                    <span\n                        slot=\"start\"\n                        class=\"text-style-palette__swatch ${isTextColor ? 'text-style-palette__swatch--text' : 'text-style-palette__swatch--highlight'}\"\n                        style=${option.value ? `--text-style-swatch:${option.value}` : ''}\n                        data-empty=${option.value === null ? '' : nothing}\n                        aria-hidden=\"true\"\n                    >${isTextColor ? 'A' : nothing}</span>\n                    <span class=\"text-style-palette__accessible-label\">${accessibleLabel}</span>\n                </pk-dropdown-item>\n                ${this.toolbarTooltips ? html`\n                    <pk-tooltip for=${optionId} content=${accessibleLabel} placement=\"top\"></pk-tooltip>\n                ` : nothing}\n            `;\n        });\n    }\n\n    private handleTextStylePaletteKeyDown(event: KeyboardEvent): void {\n        const deltas: Partial<Record<KeyboardEvent['key'], number>> = {\n            ArrowLeft: -1,\n            ArrowRight: 1,\n            ArrowUp: -5,\n            ArrowDown: 5,\n        };\n        const delta = deltas[event.key];\n\n        if (!delta) {\n            return;\n        }\n\n        const menu = event.currentTarget as PkDropdownMenu;\n        const item = event.composedPath().find((node): node is PkDropdownItem => (\n            node instanceof HTMLElement\n            && node.localName === 'pk-dropdown-item'\n            && node.classList.contains('text-style-palette__option')\n        ));\n        const items = menu.getItems().filter((candidate) => (\n            candidate.classList.contains('text-style-palette__option')\n        ));\n        const index = item ? items.indexOf(item) : -1;\n\n        if (index === -1) {\n            return;\n        }\n\n        // The menu remains the focus/dismissal owner; only its directional\n        // movement changes to match the palette's five-column visual layout.\n        const target = items[Math.max(0, Math.min(index + delta, items.length - 1))];\n\n        event.preventDefault();\n        event.stopPropagation();\n        target?.focusControl();\n    }\n\n    private renderTextStyleToolbar(buttonName: string) {\n        const config = this.textStyleToolbarConfig;\n        const buttonId = this.getToolbarButtonId(buttonName);\n        const triggerColor = buttonName === 'text-color' ? this.getTextStyleValue('color') : null;\n        let triggerLabel = '';\n        let menuContent: unknown = nothing;\n\n        if (buttonName === 'font-family') {\n            triggerLabel = this.getTextStyleOptionLabel(config.fontFamilies, this.getTextStyleValue('fontFamily'));\n            menuContent = html`${this.renderTextStyleOptions('fontFamily', config.fontFamilies)}`;\n        } else if (buttonName === 'font-size') {\n            triggerLabel = this.getTextStyleOptionLabel(config.fontSizes, this.getTextStyleValue('fontSize'));\n            menuContent = html`${this.renderTextStyleOptions('fontSize', config.fontSizes)}`;\n        } else if (buttonName === 'line-height') {\n            triggerLabel = this.getTextStyleOptionLabel(config.lineHeights, this.getTextStyleValue('lineHeight'));\n            menuContent = html`${this.renderTextStyleOptions('lineHeight', config.lineHeights)}`;\n        } else {\n            triggerLabel = 'A';\n            menuContent = html`\n                <pk-dropdown-label class=\"text-style-palette__label\">Text color</pk-dropdown-label>\n                ${this.renderTextStylePaletteOptions('color', config.textColors, buttonId)}\n                <pk-dropdown-label class=\"text-style-palette__label text-style-palette__label--highlight\">Highlight color</pk-dropdown-label>\n                ${this.renderTextStylePaletteOptions('backgroundColor', config.backgroundColors, buttonId)}\n            `;\n        }\n\n        const label = this.getToolbarButtonLabel(buttonName);\n\n        return html`\n            <div class=\"toolbar-item\">\n                <button\n                    id=${buttonId}\n                    type=\"button\"\n                    class=\"toolbar-btn toolbar-btn--menu toolbar-btn--text-style ${buttonName === 'text-color' ? 'toolbar-btn--color' : ''}\"\n                    aria-label=${label}\n                    aria-haspopup=\"menu\"\n                    ?disabled=${this.disabled || this.readonly}\n                    style=${triggerColor ? `--text-style-trigger-color:${triggerColor}` : ''}\n                >\n                    <span class=\"toolbar-btn__text-style-value\">${triggerLabel}</span>\n                    <span class=\"toolbar-btn__chevron\">${unsafeSVG(TOOLBAR_CHEVRON_HTML)}</span>\n                </button>\n                ${this.renderToolbarTooltip(buttonId, label)}\n                <pk-dropdown-menu\n                    for=${buttonId}\n                    placement=\"bottom-start\"\n                    class=${buttonName === 'text-color' ? 'text-style-palette' : ''}\n                    @keydown=${buttonName === 'text-color' ? this.handleTextStylePaletteKeyDown : nothing}\n                >\n                    ${menuContent}\n                </pk-dropdown-menu>\n            </div>\n        `;\n    }\n\n    private handleCraftLink(config: LinkElementConfig): void {\n        const editor = this.host.editor;\n\n        if (!editor) {\n            return;\n        }\n\n        openCraftElementLinkSelector({\n            config,\n            elementSiteId: getLinkOptionsElementSiteId(this.resolveLinkOptions()),\n            linkSelectorStorageKeyPrefix: this.linkSelectorStorageKeyPrefix,\n            getSelectedText: () => getSelectedText(editor),\n            onSelect: ({ url, text }) => { this.openLinkDialog({ url, text }); },\n            host: createCraftElementSelectorHost(),\n        });\n    }\n\n    private getToolbarGroupId(groupKey: string): string {\n        let id = this.toolbarGroupIds.get(groupKey);\n\n        if (!id) {\n            id = uniqueId('pk-tiptap-toolbar-group');\n            this.toolbarGroupIds.set(groupKey, id);\n        }\n\n        return id;\n    }\n\n    private renderToolbarSeparator() {\n        return html`<span class=\"toolbar-separator\" aria-hidden=\"true\"></span>`;\n    }\n\n    private renderGroupTriggerContent(group: ToolbarGroup, triggerLabel: string, iconName: string) {\n        const icon = getToolbarButtonIcon(iconName);\n        const showTextLabel = Boolean(group.label);\n\n        if (showTextLabel && triggerLabel) {\n            return html`\n                <span class=\"toolbar-btn__trigger-label\">${triggerLabel}</span>\n                <span class=\"toolbar-btn__chevron\">${unsafeSVG(TOOLBAR_CHEVRON_HTML)}</span>\n            `;\n        }\n\n        return html`\n            ${icon ? unsafeSVG(icon) : html`<span class=\"toolbar-btn__trigger-label\">${triggerLabel}</span>`}\n            <span class=\"toolbar-btn__chevron\">${unsafeSVG(TOOLBAR_CHEVRON_HTML)}</span>\n        `;\n    }\n\n    private renderToolbarGroup(group: ToolbarGroup, groupKey: string) {\n        const editor = this.host.editor;\n        const groupId = this.getToolbarGroupId(groupKey);\n        const trigger = editor ? getToolbarGroupTriggerState(editor, group) : {\n            activeName: null,\n            label: group.label ?? '',\n            isActive: false,\n            icon: group.icon ?? getToolbarGroupDefaultIcon(group),\n        };\n        const menuItems = getToolbarGroupMenuItems(group).filter((entry) => {\n            if (entry.type === 'separator') {\n                return true;\n            }\n\n            const control = getRegisteredTiptapToolbarControl(entry.name);\n            return !control?.isVisible || Boolean(editor && control.isVisible(editor));\n        });\n\n        if (!menuItems.some((entry) => entry.type === 'item')) {\n            return nothing;\n        }\n        const tooltipLabel = group.label\n            ?? (isHeadingsOnlyToolbarPreset(group.preset) ? 'Headings'\n                : isFormattingToolbarPreset(group.preset) ? 'Formatting'\n                    : group.preset === 'lists' ? 'Lists'\n                        : group.preset === 'align' ? 'Alignment'\n                            : 'More');\n\n        return html`\n            <div class=\"toolbar-item\">\n                <button\n                    id=${groupId}\n                    type=\"button\"\n                    class=\"toolbar-btn toolbar-btn--menu\"\n                    aria-label=${tooltipLabel}\n                    aria-haspopup=\"menu\"\n                    ?disabled=${this.disabled || this.readonly}\n                    data-state=${trigger.isActive ? 'active' : nothing}\n                >\n                    ${this.renderGroupTriggerContent(group, trigger.label, trigger.icon)}\n                </button>\n                ${this.renderToolbarTooltip(groupId, tooltipLabel)}\n                <pk-dropdown-menu for=${groupId} placement=\"bottom-start\">\n                    ${menuItems.map((entry, itemIndex) => {\n                        if (entry.type === 'separator') {\n                            return html`<pk-dropdown-separator key=${`${groupKey}-sep-${itemIndex}`}></pk-dropdown-separator>`;\n                        }\n\n                        const itemName = entry.name;\n                        const active = editor ? isToolbarButtonActive(editor, itemName) : false;\n                        const prefixIcon = createToolbarPrefixIcon(itemName);\n                        const itemLabel = getToolbarMenuItemLabel(itemName);\n\n                        return html`\n                            <pk-dropdown-item\n                                key=${`${groupKey}-${itemName}-${itemIndex}`}\n                                ?data-active=${active || nothing}\n                                @click=${() => this.handleToolbarCommand(itemName)}\n                            >\n                                ${prefixIcon ?? nothing}\n                                ${itemLabel}\n                            </pk-dropdown-item>\n                        `;\n                    })}\n                </pk-dropdown-menu>\n            </div>\n        `;\n    }\n\n    private renderToolbarNode(node: ToolbarNode, index: number) {\n        if (node.type === 'separator') {\n            return this.renderToolbarSeparator();\n        }\n\n        if (node.type === 'group') {\n            return this.renderToolbarGroup(node.group, `group-${index}`);\n        }\n\n        if (node.name === 'link') {\n            return this.renderLinkToolbarButton();\n        }\n\n        if (['font-family', 'font-size', 'text-color', 'line-height'].includes(node.name)) {\n            return this.renderTextStyleToolbar(node.name);\n        }\n\n        return this.renderToolbarButton(node.name);\n    }\n\n    private renderDefaultToolbar() {\n        // `toolbar-end` — append custom controls (Formie variable picker, etc.) into the\n        // stock toolbar flex/gap. Prefer over replacing the whole bar via slot=\"toolbar\".\n        return html`\n            <div class=\"toolbar\" part=\"toolbar\">\n                ${this.toolbarNodes.map((node, index) => this.renderToolbarNode(node, index))}\n                <slot name=\"toolbar-end\"></slot>\n            </div>\n        `;\n    }\n\n    private renderLinkToolbarButton() {\n        const editor = this.host.editor;\n        const craftOptions = getCraftLinkOptions(this.resolveLinkOptions());\n        const label = this.getToolbarButtonLabel('link');\n        const active = this.isLinkActive();\n\n        return html`\n            <div class=\"toolbar-item\">\n                <button\n                    id=${this.linkButtonId}\n                    type=\"button\"\n                    class=\"toolbar-btn\"\n                    aria-label=${label}\n                    aria-haspopup=\"menu\"\n                    ?disabled=${this.disabled || this.readonly}\n                    data-state=${active ? 'active' : nothing}\n                >\n                    ${unsafeSVG(TOOLBAR_ICONS.link)}\n                </button>\n                ${this.renderToolbarTooltip(this.linkButtonId, label)}\n                <pk-dropdown-menu for=${this.linkButtonId} placement=\"bottom-start\">\n                    ${craftOptions.map((option) => html`\n                        <pk-dropdown-item @click=${() => this.handleCraftLink(option)}>\n                            ${option.optionTitle}\n                        </pk-dropdown-item>\n                    `)}\n                    ${craftOptions.length > 0 ? html`<pk-dropdown-separator></pk-dropdown-separator>` : nothing}\n                    <pk-dropdown-item @click=${() => this.openLinkMenu()}>Insert Link</pk-dropdown-item>\n                    <pk-dropdown-item\n                        ?disabled=${!active}\n                        @click=${() => editor && unsetLinkFromEditor(editor)}\n                    >Unlink</pk-dropdown-item>\n                </pk-dropdown-menu>\n            </div>\n        `;\n    }\n\n    override render() {\n        return html`\n            <div class=\"shell\" part=\"shell\">\n                ${this.hasCustomToolbar\n                    ? html`<slot name=\"toolbar\"></slot>`\n                    : this.renderDefaultToolbar()}\n\n                <div class=\"editor-mount\" part=\"editor\">\n                    ${this.contentError ? html`\n                        <div class=\"content-error\">\n                            <span>${unsafeSVG(renderIconHtml(triangleExclamation))}</span>\n                            <span>${this.contentError}</span>\n                        </div>\n                    ` : nothing}\n                    ${this.toolbarHasLink() && this.linkBubbleVisible ? this.renderLinkBubble() : nothing}\n                </div>\n\n                <input class=\"mirror-input\" type=\"text\" .value=${this.value} readonly tabindex=\"-1\" aria-hidden=\"true\" />\n                ${this.toolbarHasLink() && this.linkDialogMounted ? this.renderLinkDialog() : nothing}\n            </div>\n        `;\n    }\n}\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'pk-tiptap-editor': PkTiptapEditor;\n    }\n}\n"],"mappings":"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"}

package/dist/chunks/{pk-tiptap-input-0Xy6rrot.js → pk-tiptap-input-asrD-8W6.js}

@@ -3,7 +3,7 @@ import { n as query, r as state, t as property } from "./decorators-BkErmuYK.js"
 import { t as PkFormAssociatedElement } from "./pk-form-associated-element-Doh2K3pG.js";
 import { t as MirrorValidator } from "./mirror-validator-BkZlEv1Z.js";
 import { t as formControlStyles } from "./form-control.styles-CQ93gnVf.js";
-import { i as createVariableTagDomNodeView, n as tiptapInputProseMirrorStyles } from "./tiptap.styles-Q4ED1nBw.js";
+import { i as createVariableTagDomNodeView, n as tiptapInputProseMirrorStyles } from "./tiptap.styles-Cwb_cj9g.js";
 import { css, html } from "lit";
 import { Editor } from "@tiptap/core";
 import { contentToValue, createTiptapInputExtensions, dedupeVariableOptions, flattenVariableOptions, inputValueToContent } from "@verbb/plugin-kit-tiptap-core";
@@ -247,4 +247,4 @@ PkTiptapInput = __decorate([customElement("pk-tiptap-input")], PkTiptapInput);
 //#endregion
 export { PkTiptapInput as t };
 
-//# sourceMappingURL=pk-tiptap-input-0Xy6rrot.js.map
+//# sourceMappingURL=pk-tiptap-input-asrD-8W6.js.map

package/dist/chunks/{pk-tiptap-input-0Xy6rrot.js.map → pk-tiptap-input-asrD-8W6.js.map}

@@ -1 +1 @@
-{"version":3,"file":"pk-tiptap-input-0Xy6rrot.js","names":["_decorate"],"sources":["../../src/components/tiptap/pk-tiptap-input.styles.ts","../../src/components/tiptap/pk-tiptap-input.ts"],"sourcesContent":["import { css } from 'lit';\n\nexport const pkTiptapInputStyles = css`\n    @layer pk-component {\n        :host {\n            display: block;\n            width: 100%;\n            font-family: var(--pk-font-family);\n            font-size: var(--pk-font-size-base);\n            line-height: 1.4;\n        }\n\n        /* Same chrome as pk-input .input — border/radius live on the shell. */\n        .shell {\n            box-sizing: border-box;\n            border: var(--pk-input-border);\n            border-radius: var(--pk-input-border-radius, var(--pk-radius-sm));\n            background: var(--pk-input-bg);\n            overflow: hidden;\n        }\n\n        :host([invalid]) .shell,\n        :host(:state(user-invalid)) .shell {\n            border-color: var(--pk-color-rose-600);\n        }\n\n        /* Editable-table cells (v1): flush TipTap shell — chips sit in the row, not a boxed field. */\n        :host([fit-cell]),\n        :host([data-editable-table-input]) {\n            display: block;\n            height: 100%;\n            min-height: 100%;\n            box-sizing: border-box;\n        }\n\n        :host([fit-cell]) .shell,\n        :host([data-editable-table-input]) .shell {\n            border: none;\n            border-radius: 0;\n            background: transparent;\n            box-shadow: none;\n            height: 100%;\n            min-height: 100%;\n        }\n\n        /* Read-only display (lists, picker cards): v1 skipped input chrome when readOnly. */\n        :host([readonly]) .shell {\n            border: none;\n            border-radius: 0;\n            background: transparent;\n            box-shadow: none;\n            overflow: visible;\n        }\n\n        :host([fit-cell][invalid]) .shell,\n        :host([fit-cell]:state(user-invalid)) .shell,\n        :host([data-editable-table-input][invalid]) .shell,\n        :host([data-editable-table-input]:state(user-invalid)) .shell {\n            border: none;\n            box-shadow: inset 0 0 0 1px var(--pk-color-rose-600);\n        }\n\n        .editor-mount {\n            display: block;\n            min-width: 0;\n        }\n\n        .mirror-input {\n            display: none;\n        }\n    }\n`;\n","import { html } from 'lit';\nimport { customElement, property, query, state } from '../../decorators.js';\nimport type { PropertyValues } from 'lit';\nimport {\n    contentToValue,\n    createTiptapInputExtensions,\n    dedupeVariableOptions,\n    flattenVariableOptions,\n    inputValueToContent,\n    type VariableOption,\n} from '@verbb/plugin-kit-tiptap-core';\nimport { Editor } from '@tiptap/core';\n\nimport { formControlStyles } from '../../base/form-control.styles.js';\nimport { PkFormAssociatedElement } from '../../base/pk-form-associated-element.js';\nimport { MirrorValidator } from '../../validators/index.js';\nimport { createVariableTagDomNodeView } from './variable-tag-node-view.js';\nimport { pkTiptapInputStyles } from './pk-tiptap-input.styles.js';\nimport { tiptapInputProseMirrorStyles } from './tiptap.styles.js';\n\n/** Category map keyed like Formie / kit v1 (`fieldsVariables`, `formVariables`, …). */\nexport type PkTiptapVariableCategories = Record<string, VariableOption[]>;\n\n@customElement('pk-tiptap-input')\nexport class PkTiptapInput extends PkFormAssociatedElement {\n    // Compact input chrome only — do not pull in editor `tiptapProseMirrorStyles`\n    // (padding: 1rem) or single-line fields look massively padded.\n    static override styles = [formControlStyles, pkTiptapInputStyles, tiptapInputProseMirrorStyles];\n\n    static override get validators() {\n        return [...super.validators, MirrorValidator()];\n    }\n\n    override assumeInteractionOn = ['blur', 'input'];\n\n    @query('.editor-mount')\n    private editorMount!: HTMLDivElement;\n\n    @query('.mirror-input')\n    override input!: HTMLInputElement;\n\n    private editor: Editor | null = null;\n\n    private lastEmitted: string | null = null;\n\n    /** Avoid setContent → onUpdate → pk-change loops with controlled React values. */\n    private suppressUpdateEmission = false;\n\n    private _value: string | null = null;\n\n    /**\n     * Variable options used to resolve chip labels when hydrating from `{token}` strings.\n     * Without this, saved field tokens fall back to UID title-casing after reload.\n     */\n    @property({ attribute: false })\n    variableCategories: PkTiptapVariableCategories = {};\n\n    /**\n     * Formie / React configure bridge — called when a chip is activated for editing.\n     * Prefer this over listening for `pk-variable-tag-configure` from React.\n     */\n    @property({ attribute: false })\n    variableTagConfigure: ((detail: import('./variable-tag-node-view.js').PkVariableTagConfigureDetail) => void) | null = null;\n\n    @property({ type: Boolean, reflect: true })\n    readonly = false;\n\n    @property({ type: Boolean, reflect: true })\n    invalid = false;\n\n    /** Flush + fill parent cell (editable tables). */\n    @property({ type: Boolean, reflect: true, attribute: 'fit-cell' })\n    fitCell = false;\n\n    get value(): string {\n        if (this.valueHasChanged) {\n            return this._value ?? '';\n        }\n\n        return this._value ?? this.defaultValue ?? '';\n    }\n\n    @state()\n    set value(val: string | null) {\n        const next = val ?? '';\n\n        if (this._value === next) {\n            return;\n        }\n\n        this.valueHasChanged = true;\n        this._value = next;\n    }\n\n    @property({ attribute: 'value', reflect: true })\n    defaultValue: string | null = '';\n\n    get editorInstance() {\n        return this.editor;\n    }\n\n    private resolveVariableLists(): {\n        topLevel: VariableOption[];\n        all: VariableOption[];\n    } {\n        const topLevel = dedupeVariableOptions(\n            Object.values(this.variableCategories ?? {}).flatMap((items) => {\n                return Array.isArray(items) ? items : [];\n            }),\n        );\n\n        return {\n            topLevel,\n            all: flattenVariableOptions(topLevel),\n        };\n    }\n\n    private resolveEditorContent() {\n        const { topLevel, all } = this.resolveVariableLists();\n        return inputValueToContent(this.value, topLevel, all);\n    }\n\n    protected override syncFormValue(): void {\n        this.setValue(this.value || '');\n\n        if (this.input) {\n            this.input.value = this.value || '';\n        }\n    }\n\n    protected override resetToDefaultValue(): void {\n        this.valueHasChanged = false;\n        this._value = null;\n        this.syncEditorContent(true);\n    }\n\n    protected override restoreFormState(state: string | File | FormData | null): void {\n        if (typeof state === 'string') {\n            this.value = state;\n            this.syncEditorContent(true);\n        }\n    }\n\n    override disconnectedCallback(): void {\n        this.editor?.destroy();\n        this.editor = null;\n        super.disconnectedCallback();\n    }\n\n    override updated(changed: PropertyValues): void {\n        if (changed.has('value') && !changed.has('defaultValue')) {\n            this.syncEditorContent();\n        }\n\n        if (changed.has('defaultValue') && !this.valueHasChanged) {\n            this.syncEditorContent();\n        }\n\n        // Categories often arrive with the field after first paint — re-hydrate labels.\n        if (changed.has('variableCategories') && this.editor) {\n            this.syncEditorContent(true);\n        }\n\n        if (changed.has('disabled') || changed.has('readonly')) {\n            this.editor?.setEditable(!this.disabled && !this.readonly);\n        }\n\n        super.updated(changed);\n    }\n\n    override firstUpdated(): void {\n        this.mountEditor();\n        this.syncFormValue();\n    }\n\n    private mountEditor(): void {\n        const content = this.resolveEditorContent();\n\n        this.editor = new Editor({\n            element: this.editorMount,\n            extensions: createTiptapInputExtensions({\n                variableTagNodeView: createVariableTagDomNodeView(),\n            }),\n            content,\n            editable: !this.disabled && !this.readonly,\n            onUpdate: ({ editor }) => {\n                const nextValue = contentToValue(editor.getJSON().content);\n                this.lastEmitted = nextValue;\n\n                if (this.suppressUpdateEmission) {\n                    return;\n                }\n\n                this.value = nextValue;\n\n                if (this.input) {\n                    this.input.value = nextValue;\n                }\n\n                this.syncFormValue();\n                this.emitValueChange(nextValue);\n            },\n        });\n    }\n\n    private syncEditorContent(force = false): void {\n        if (!this.editor) {\n            return;\n        }\n\n        if (!force && !this.readonly && this.editor.isFocused) {\n            return;\n        }\n\n        const nextContent = this.resolveEditorContent();\n        const currentContent = this.editor.getJSON();\n\n        if (JSON.stringify(nextContent) === JSON.stringify(currentContent)) {\n            return;\n        }\n\n        // Same token string with newly available categories still needs a force remount\n        // so chip labels upgrade from UID fallback → option labels.\n        if (!force && this.lastEmitted === this.value) {\n            return;\n        }\n\n        this.suppressUpdateEmission = true;\n        try {\n            this.editor.commands.setContent(nextContent ?? { type: 'doc', content: [] });\n        } finally {\n            this.suppressUpdateEmission = false;\n        }\n    }\n\n    private emitValueChange(value: string): void {\n        this.dispatchEvent(new CustomEvent('pk-change', {\n            detail: { value },\n            bubbles: true,\n            composed: true,\n        }));\n        this.dispatchEvent(new Event('input', { bubbles: true, composed: true }));\n        this.dispatchEvent(new Event('change', { bubbles: true, composed: true }));\n    }\n\n    override render() {\n        return html`\n            <div class=\"shell\" part=\"shell\">\n                <div class=\"editor-mount\" part=\"editor\"></div>\n                <input class=\"mirror-input\" type=\"text\" .value=${this.value} readonly tabindex=\"-1\" aria-hidden=\"true\" />\n            </div>\n        `;\n    }\n}\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'pk-tiptap-input': PkTiptapInput;\n    }\n}\n"],"mappings":"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"}
+{"version":3,"file":"pk-tiptap-input-asrD-8W6.js","names":["_decorate"],"sources":["../../src/components/tiptap/pk-tiptap-input.styles.ts","../../src/components/tiptap/pk-tiptap-input.ts"],"sourcesContent":["import { css } from 'lit';\n\nexport const pkTiptapInputStyles = css`\n    @layer pk-component {\n        :host {\n            display: block;\n            width: 100%;\n            font-family: var(--pk-font-family);\n            font-size: var(--pk-font-size-base);\n            line-height: 1.4;\n        }\n\n        /* Same chrome as pk-input .input — border/radius live on the shell. */\n        .shell {\n            box-sizing: border-box;\n            border: var(--pk-input-border);\n            border-radius: var(--pk-input-border-radius, var(--pk-radius-sm));\n            background: var(--pk-input-bg);\n            overflow: hidden;\n        }\n\n        :host([invalid]) .shell,\n        :host(:state(user-invalid)) .shell {\n            border-color: var(--pk-color-rose-600);\n        }\n\n        /* Editable-table cells (v1): flush TipTap shell — chips sit in the row, not a boxed field. */\n        :host([fit-cell]),\n        :host([data-editable-table-input]) {\n            display: block;\n            height: 100%;\n            min-height: 100%;\n            box-sizing: border-box;\n        }\n\n        :host([fit-cell]) .shell,\n        :host([data-editable-table-input]) .shell {\n            border: none;\n            border-radius: 0;\n            background: transparent;\n            box-shadow: none;\n            height: 100%;\n            min-height: 100%;\n        }\n\n        /* Read-only display (lists, picker cards): v1 skipped input chrome when readOnly. */\n        :host([readonly]) .shell {\n            border: none;\n            border-radius: 0;\n            background: transparent;\n            box-shadow: none;\n            overflow: visible;\n        }\n\n        :host([fit-cell][invalid]) .shell,\n        :host([fit-cell]:state(user-invalid)) .shell,\n        :host([data-editable-table-input][invalid]) .shell,\n        :host([data-editable-table-input]:state(user-invalid)) .shell {\n            border: none;\n            box-shadow: inset 0 0 0 1px var(--pk-color-rose-600);\n        }\n\n        .editor-mount {\n            display: block;\n            min-width: 0;\n        }\n\n        .mirror-input {\n            display: none;\n        }\n    }\n`;\n","import { html } from 'lit';\nimport { customElement, property, query, state } from '../../decorators.js';\nimport type { PropertyValues } from 'lit';\nimport {\n    contentToValue,\n    createTiptapInputExtensions,\n    dedupeVariableOptions,\n    flattenVariableOptions,\n    inputValueToContent,\n    type VariableOption,\n} from '@verbb/plugin-kit-tiptap-core';\nimport { Editor } from '@tiptap/core';\n\nimport { formControlStyles } from '../../base/form-control.styles.js';\nimport { PkFormAssociatedElement } from '../../base/pk-form-associated-element.js';\nimport { MirrorValidator } from '../../validators/index.js';\nimport { createVariableTagDomNodeView } from './variable-tag-node-view.js';\nimport { pkTiptapInputStyles } from './pk-tiptap-input.styles.js';\nimport { tiptapInputProseMirrorStyles } from './tiptap.styles.js';\n\n/** Category map keyed like Formie / kit v1 (`fieldsVariables`, `formVariables`, …). */\nexport type PkTiptapVariableCategories = Record<string, VariableOption[]>;\n\n@customElement('pk-tiptap-input')\nexport class PkTiptapInput extends PkFormAssociatedElement {\n    // Compact input chrome only — do not pull in editor `tiptapProseMirrorStyles`\n    // (padding: 1rem) or single-line fields look massively padded.\n    static override styles = [formControlStyles, pkTiptapInputStyles, tiptapInputProseMirrorStyles];\n\n    static override get validators() {\n        return [...super.validators, MirrorValidator()];\n    }\n\n    override assumeInteractionOn = ['blur', 'input'];\n\n    @query('.editor-mount')\n    private editorMount!: HTMLDivElement;\n\n    @query('.mirror-input')\n    override input!: HTMLInputElement;\n\n    private editor: Editor | null = null;\n\n    private lastEmitted: string | null = null;\n\n    /** Avoid setContent → onUpdate → pk-change loops with controlled React values. */\n    private suppressUpdateEmission = false;\n\n    private _value: string | null = null;\n\n    /**\n     * Variable options used to resolve chip labels when hydrating from `{token}` strings.\n     * Without this, saved field tokens fall back to UID title-casing after reload.\n     */\n    @property({ attribute: false })\n    variableCategories: PkTiptapVariableCategories = {};\n\n    /**\n     * Formie / React configure bridge — called when a chip is activated for editing.\n     * Prefer this over listening for `pk-variable-tag-configure` from React.\n     */\n    @property({ attribute: false })\n    variableTagConfigure: ((detail: import('./variable-tag-node-view.js').PkVariableTagConfigureDetail) => void) | null = null;\n\n    @property({ type: Boolean, reflect: true })\n    readonly = false;\n\n    @property({ type: Boolean, reflect: true })\n    invalid = false;\n\n    /** Flush + fill parent cell (editable tables). */\n    @property({ type: Boolean, reflect: true, attribute: 'fit-cell' })\n    fitCell = false;\n\n    get value(): string {\n        if (this.valueHasChanged) {\n            return this._value ?? '';\n        }\n\n        return this._value ?? this.defaultValue ?? '';\n    }\n\n    @state()\n    set value(val: string | null) {\n        const next = val ?? '';\n\n        if (this._value === next) {\n            return;\n        }\n\n        this.valueHasChanged = true;\n        this._value = next;\n    }\n\n    @property({ attribute: 'value', reflect: true })\n    defaultValue: string | null = '';\n\n    get editorInstance() {\n        return this.editor;\n    }\n\n    private resolveVariableLists(): {\n        topLevel: VariableOption[];\n        all: VariableOption[];\n    } {\n        const topLevel = dedupeVariableOptions(\n            Object.values(this.variableCategories ?? {}).flatMap((items) => {\n                return Array.isArray(items) ? items : [];\n            }),\n        );\n\n        return {\n            topLevel,\n            all: flattenVariableOptions(topLevel),\n        };\n    }\n\n    private resolveEditorContent() {\n        const { topLevel, all } = this.resolveVariableLists();\n        return inputValueToContent(this.value, topLevel, all);\n    }\n\n    protected override syncFormValue(): void {\n        this.setValue(this.value || '');\n\n        if (this.input) {\n            this.input.value = this.value || '';\n        }\n    }\n\n    protected override resetToDefaultValue(): void {\n        this.valueHasChanged = false;\n        this._value = null;\n        this.syncEditorContent(true);\n    }\n\n    protected override restoreFormState(state: string | File | FormData | null): void {\n        if (typeof state === 'string') {\n            this.value = state;\n            this.syncEditorContent(true);\n        }\n    }\n\n    override disconnectedCallback(): void {\n        this.editor?.destroy();\n        this.editor = null;\n        super.disconnectedCallback();\n    }\n\n    override updated(changed: PropertyValues): void {\n        if (changed.has('value') && !changed.has('defaultValue')) {\n            this.syncEditorContent();\n        }\n\n        if (changed.has('defaultValue') && !this.valueHasChanged) {\n            this.syncEditorContent();\n        }\n\n        // Categories often arrive with the field after first paint — re-hydrate labels.\n        if (changed.has('variableCategories') && this.editor) {\n            this.syncEditorContent(true);\n        }\n\n        if (changed.has('disabled') || changed.has('readonly')) {\n            this.editor?.setEditable(!this.disabled && !this.readonly);\n        }\n\n        super.updated(changed);\n    }\n\n    override firstUpdated(): void {\n        this.mountEditor();\n        this.syncFormValue();\n    }\n\n    private mountEditor(): void {\n        const content = this.resolveEditorContent();\n\n        this.editor = new Editor({\n            element: this.editorMount,\n            extensions: createTiptapInputExtensions({\n                variableTagNodeView: createVariableTagDomNodeView(),\n            }),\n            content,\n            editable: !this.disabled && !this.readonly,\n            onUpdate: ({ editor }) => {\n                const nextValue = contentToValue(editor.getJSON().content);\n                this.lastEmitted = nextValue;\n\n                if (this.suppressUpdateEmission) {\n                    return;\n                }\n\n                this.value = nextValue;\n\n                if (this.input) {\n                    this.input.value = nextValue;\n                }\n\n                this.syncFormValue();\n                this.emitValueChange(nextValue);\n            },\n        });\n    }\n\n    private syncEditorContent(force = false): void {\n        if (!this.editor) {\n            return;\n        }\n\n        if (!force && !this.readonly && this.editor.isFocused) {\n            return;\n        }\n\n        const nextContent = this.resolveEditorContent();\n        const currentContent = this.editor.getJSON();\n\n        if (JSON.stringify(nextContent) === JSON.stringify(currentContent)) {\n            return;\n        }\n\n        // Same token string with newly available categories still needs a force remount\n        // so chip labels upgrade from UID fallback → option labels.\n        if (!force && this.lastEmitted === this.value) {\n            return;\n        }\n\n        this.suppressUpdateEmission = true;\n        try {\n            this.editor.commands.setContent(nextContent ?? { type: 'doc', content: [] });\n        } finally {\n            this.suppressUpdateEmission = false;\n        }\n    }\n\n    private emitValueChange(value: string): void {\n        this.dispatchEvent(new CustomEvent('pk-change', {\n            detail: { value },\n            bubbles: true,\n            composed: true,\n        }));\n        this.dispatchEvent(new Event('input', { bubbles: true, composed: true }));\n        this.dispatchEvent(new Event('change', { bubbles: true, composed: true }));\n    }\n\n    override render() {\n        return html`\n            <div class=\"shell\" part=\"shell\">\n                <div class=\"editor-mount\" part=\"editor\"></div>\n                <input class=\"mirror-input\" type=\"text\" .value=${this.value} readonly tabindex=\"-1\" aria-hidden=\"true\" />\n            </div>\n        `;\n    }\n}\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'pk-tiptap-input': PkTiptapInput;\n    }\n}\n"],"mappings":"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"}