npm - @verbb/plugin-kit-web - Versions diffs - 2.0.21 → 2.0.23 - Mend

@verbb/plugin-kit-web 2.0.21 → 2.0.23

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (419) hide show

package/dist/chunks/{sync-listbox-separators-B1-V0oJi.js.map → sync-listbox-separators-CPFtrpNq.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"sync-listbox-separators-~~B1-V0oJi~~.js","names":[],"sources":["../../src/utils/listbox-keyboard.ts","../../src/internal/sync-listbox-separators.ts"],"sourcesContent":["export const LISTBOX_NAVIGATION_KEYS = new Set([\n 'ArrowDown',\n 'ArrowUp',\n 'ArrowLeft',\n 'ArrowRight',\n 'Home',\n 'End',\n 'Enter',\n ' ',\n 'Escape',\n]);\n\n/** Returns true for type-to-select character keys (single printable characters). /\nexport function isListboxTypeToSelectKey(event: KeyboardEvent): boolean {\n return event.key.length === 1 && !event.ctrlKey && !event.metaKey && !event.altKey;\n}\n\n/\n Listbox keyboard navigation — patterns for pk-select / WAI-ARIA listbox.\n /\nexport type ListboxKeyboardOptions = {\n items: HTMLElement[];\n currentIndex: number;\n onSelect: (index: number) => void;\n onClose?: () => void;\n multiselect?: boolean;\n /* When true, ArrowUp/Down wrap from last→first and first→last. Default: false. /\n /* When `loop` is omitted, listbox navigation does not loop (Base UI `Select`-style default). /\n loop?: boolean;\n focusItem?: (index: number) => void;\n};\n\nexport function getEnabledListboxItems(items: HTMLElement[]): HTMLElement[] {\n return items.filter((item) => {\n return !item.hasAttribute('disabled')\n && !item.hasAttribute('hidden')\n && item.getAttribute('aria-disabled') !== 'true'\n && item.getAttribute('aria-hidden') !== 'true';\n });\n}\n\nfunction focusListboxItem(\n enabled: HTMLElement[],\n index: number,\n focusItem?: (index: number) => void,\n): void {\n if (focusItem) {\n focusItem(index);\n return;\n }\n\n const item = enabled[index];\n\n if (item instanceof HTMLElement && 'focusControl' in item && typeof item.focusControl === 'function') {\n (item as { focusControl: () => void }).focusControl();\n return;\n }\n\n item?.focus();\n}\n\nfunction activateListboxItem(item: HTMLElement \| undefined): void {\n if (!item) {\n return;\n }\n\n const control = item.shadowRoot?.querySelector('.option');\n\n if (control instanceof HTMLButtonElement) {\n control.click();\n return;\n }\n\n item.click();\n}\n\nexport function handleListboxKeyDown(event: KeyboardEvent, options: ListboxKeyboardOptions): number {\n const enabled = getEnabledListboxItems(options.items);\n const loop = options.loop === true;\n\n if (enabled.length === 0) {\n return options.currentIndex;\n }\n\n let index = Math.max(0, options.currentIndex);\n const current = enabled[index] ?? enabled[0]!;\n index = enabled.indexOf(current);\n\n if (index < 0) {\n index = 0;\n }\n\n switch (event.key) {\n case 'ArrowDown':\n case 'ArrowRight':\n event.preventDefault();\n if (loop && index >= enabled.length - 1) {\n index = 0;\n } else {\n index = Math.min(index + 1, enabled.length - 1);\n }\n focusListboxItem(enabled, index, options.focusItem);\n options.onSelect(index);\n return index;\n\n case 'ArrowUp':\n case 'ArrowLeft':\n event.preventDefault();\n if (loop && index <= 0) {\n index = enabled.length - 1;\n } else {\n index = Math.max(index - 1, 0);\n }\n focusListboxItem(enabled, index, options.focusItem);\n options.onSelect(index);\n return index;\n\n case 'Home':\n event.preventDefault();\n index = 0;\n focusListboxItem(enabled, index, options.focusItem);\n options.onSelect(index);\n return index;\n\n case 'End':\n event.preventDefault();\n index = enabled.length - 1;\n focusListboxItem(enabled, index, options.focusItem);\n options.onSelect(index);\n return index;\n\n case 'Enter':\n case ' ':\n if (!options.multiselect) {\n event.preventDefault();\n activateListboxItem(enabled[index]);\n }\n return index;\n\n case 'Escape':\n event.preventDefault();\n options.onClose?.();\n return index;\n\n default:\n return index;\n }\n}\n\n/* Type-to-select string matching . /\nexport function createTypeToSelectHandler(\n items: HTMLElement[],\n onMatch: (index: number) => void,\n): { handleKey: (event: KeyboardEvent) => void; reset: () => void } {\n let typeToSelectString = '';\n let typeToSelectTimeout = 0;\n\n const reset = (): void => {\n typeToSelectString = '';\n window.clearTimeout(typeToSelectTimeout);\n };\n\n const handleKey = (event: KeyboardEvent): void => {\n if (event.key.length !== 1 \|\| event.ctrlKey \|\| event.metaKey \|\| event.altKey) {\n return;\n }\n\n typeToSelectString += event.key.toLowerCase();\n window.clearTimeout(typeToSelectTimeout);\n typeToSelectTimeout = window.setTimeout(reset, 750);\n\n const enabled = getEnabledListboxItems(items);\n\n for (let index = 0; index < enabled.length; index += 1) {\n const label = (enabled[index]?.textContent ?? '').trim().toLowerCase();\n\n if (label.startsWith(typeToSelectString)) {\n onMatch(index);\n event.preventDefault();\n return;\n }\n }\n };\n\n return { handleKey, reset };\n}\n","/\n Hide listbox `pk-separator` siblings that no longer sit between two visible\n * `pk-option` / `pk-option-group` items (e.g. after combobox filter hides groups).\n */\nconst isListboxItemHidden = (element: HTMLElement): boolean => {\n return element.hidden \|\| element.hasAttribute('data-pk-filter-empty');\n};\n\nconst syncListboxSeparators = (root: ParentNode): void => {\n const children = [\n ...root.querySelectorAll(':scope > pk-option, :scope > pk-option-group, :scope > pk-separator'),\n ] as HTMLElement[];\n\n const nearestItem = (from: number, direction: -1 \| 1): HTMLElement \| null => {\n for (\n let index = from + direction;\n direction < 0 ? index >= 0 : index < children.length;\n index += direction\n ) {\n const child = children[index];\n\n if (!child \|\| child.localName === 'pk-separator') {\n continue;\n }\n\n return child;\n }\n\n return null;\n };\n\n for (let index = 0; index < children.length; index += 1) {\n const child = children[index];\n\n if (!child \|\| child.localName !== 'pk-separator') {\n continue;\n }\n\n const before = nearestItem(index, -1);\n const after = nearestItem(index, 1);\n\n // Only keep dividers between two currently visible sections.\n child.hidden = !before \|\| !after \|\| isListboxItemHidden(before) \|\| isListboxItemHidden(after);\n }\n};\n\nexport { syncListboxSeparators };\n"],"mappings":"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"}
1	+ {"version":3,"file":"sync-listbox-separators-CPFtrpNq.js","names":[],"sources":["../../src/utils/listbox-keyboard.ts","../../src/internal/sync-listbox-separators.ts"],"sourcesContent":["export const LISTBOX_NAVIGATION_KEYS = new Set([\n 'ArrowDown',\n 'ArrowUp',\n 'ArrowLeft',\n 'ArrowRight',\n 'Home',\n 'End',\n 'Enter',\n ' ',\n 'Escape',\n]);\n\n/** Returns true for type-to-select character keys (single printable characters). /\nexport function isListboxTypeToSelectKey(event: KeyboardEvent): boolean {\n return event.key.length === 1 && !event.ctrlKey && !event.metaKey && !event.altKey;\n}\n\n/\n Listbox keyboard navigation — patterns for pk-select / WAI-ARIA listbox.\n /\nexport type ListboxKeyboardOptions = {\n items: HTMLElement[];\n currentIndex: number;\n onSelect: (index: number) => void;\n onClose?: () => void;\n multiselect?: boolean;\n /* When true, ArrowUp/Down wrap from last→first and first→last. Default: false. /\n /* When `loop` is omitted, listbox navigation does not loop (Base UI `Select`-style default). /\n loop?: boolean;\n focusItem?: (index: number) => void;\n};\n\nexport function getEnabledListboxItems(items: HTMLElement[]): HTMLElement[] {\n return items.filter((item) => {\n return !item.hasAttribute('disabled')\n && !item.hasAttribute('hidden')\n && item.getAttribute('aria-disabled') !== 'true'\n && item.getAttribute('aria-hidden') !== 'true';\n });\n}\n\nfunction focusListboxItem(\n enabled: HTMLElement[],\n index: number,\n focusItem?: (index: number) => void,\n): void {\n if (focusItem) {\n focusItem(index);\n return;\n }\n\n const item = enabled[index];\n\n if (item instanceof HTMLElement && 'focusControl' in item && typeof item.focusControl === 'function') {\n (item as { focusControl: () => void }).focusControl();\n return;\n }\n\n item?.focus();\n}\n\nfunction activateListboxItem(item: HTMLElement \| undefined): void {\n if (!item) {\n return;\n }\n\n const control = item.shadowRoot?.querySelector('.option');\n\n if (control instanceof HTMLButtonElement) {\n control.click();\n return;\n }\n\n item.click();\n}\n\nexport function handleListboxKeyDown(event: KeyboardEvent, options: ListboxKeyboardOptions): number {\n const enabled = getEnabledListboxItems(options.items);\n const loop = options.loop === true;\n\n if (enabled.length === 0) {\n return options.currentIndex;\n }\n\n let index = Math.max(0, options.currentIndex);\n const current = enabled[index] ?? enabled[0]!;\n index = enabled.indexOf(current);\n\n if (index < 0) {\n index = 0;\n }\n\n switch (event.key) {\n case 'ArrowDown':\n case 'ArrowRight':\n event.preventDefault();\n if (loop && index >= enabled.length - 1) {\n index = 0;\n } else {\n index = Math.min(index + 1, enabled.length - 1);\n }\n focusListboxItem(enabled, index, options.focusItem);\n options.onSelect(index);\n return index;\n\n case 'ArrowUp':\n case 'ArrowLeft':\n event.preventDefault();\n if (loop && index <= 0) {\n index = enabled.length - 1;\n } else {\n index = Math.max(index - 1, 0);\n }\n focusListboxItem(enabled, index, options.focusItem);\n options.onSelect(index);\n return index;\n\n case 'Home':\n event.preventDefault();\n index = 0;\n focusListboxItem(enabled, index, options.focusItem);\n options.onSelect(index);\n return index;\n\n case 'End':\n event.preventDefault();\n index = enabled.length - 1;\n focusListboxItem(enabled, index, options.focusItem);\n options.onSelect(index);\n return index;\n\n case 'Enter':\n case ' ':\n if (!options.multiselect) {\n event.preventDefault();\n activateListboxItem(enabled[index]);\n }\n return index;\n\n case 'Escape':\n event.preventDefault();\n options.onClose?.();\n return index;\n\n default:\n return index;\n }\n}\n\n/* Type-to-select string matching . /\nexport function createTypeToSelectHandler(\n items: HTMLElement[],\n onMatch: (index: number) => void,\n): { handleKey: (event: KeyboardEvent) => void; reset: () => void } {\n let typeToSelectString = '';\n let typeToSelectTimeout = 0;\n\n const reset = (): void => {\n typeToSelectString = '';\n window.clearTimeout(typeToSelectTimeout);\n };\n\n const handleKey = (event: KeyboardEvent): void => {\n if (event.key.length !== 1 \|\| event.ctrlKey \|\| event.metaKey \|\| event.altKey) {\n return;\n }\n\n typeToSelectString += event.key.toLowerCase();\n window.clearTimeout(typeToSelectTimeout);\n typeToSelectTimeout = window.setTimeout(reset, 750);\n\n const enabled = getEnabledListboxItems(items);\n\n for (let index = 0; index < enabled.length; index += 1) {\n const label = (enabled[index]?.textContent ?? '').trim().toLowerCase();\n\n if (label.startsWith(typeToSelectString)) {\n onMatch(index);\n event.preventDefault();\n return;\n }\n }\n };\n\n return { handleKey, reset };\n}\n","/\n Hide listbox `pk-separator` siblings that no longer sit between two visible\n * `pk-option` / `pk-option-group` items (e.g. after combobox filter hides groups).\n */\nconst isListboxItemHidden = (element: HTMLElement): boolean => {\n return element.hidden \|\| element.hasAttribute('data-pk-filter-empty');\n};\n\nconst syncListboxSeparators = (root: ParentNode): void => {\n const children = [\n ...root.querySelectorAll(':scope > pk-option, :scope > pk-option-group, :scope > pk-separator'),\n ] as HTMLElement[];\n\n const nearestItem = (from: number, direction: -1 \| 1): HTMLElement \| null => {\n for (\n let index = from + direction;\n direction < 0 ? index >= 0 : index < children.length;\n index += direction\n ) {\n const child = children[index];\n\n if (!child \|\| child.localName === 'pk-separator') {\n continue;\n }\n\n return child;\n }\n\n return null;\n };\n\n for (let index = 0; index < children.length; index += 1) {\n const child = children[index];\n\n if (!child \|\| child.localName !== 'pk-separator') {\n continue;\n }\n\n const before = nearestItem(index, -1);\n const after = nearestItem(index, 1);\n\n // Only keep dividers between two currently visible sections.\n child.hidden = !before \|\| !after \|\| isListboxItemHidden(before) \|\| isListboxItemHidden(after);\n }\n};\n\nexport { syncListboxSeparators };\n"],"mappings":"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"}

package/dist/chunks/{tiptap.styles-CPRows--.js → tiptap.styles-DjhIrSBN.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { i as uniqueId } from "./focus-aa5dlv8k.js";
+import { i as uniqueId } from "./focus-C6pY4Ym4.js";
 import { css } from "lit";
 //#region src/components/tiptap/variable-tag-node-view.ts
 /** Match kit v1 VariableTagView chip chrome (indigo + remove). */
@@ -461,4 +461,4 @@ var tiptapContentProseMirrorStyles = css`
 //#endregion
 export { createVariableTagDomNodeView as i, tiptapInputProseMirrorStyles as n, tiptapProseMirrorStyles as r, tiptapContentProseMirrorStyles as t };
-//# sourceMappingURL=tiptap.styles-CPRows--.js.map
+//# sourceMappingURL=tiptap.styles-DjhIrSBN.js.map

package/dist/chunks/{tiptap.styles-CPRows--.js.map → tiptap.styles-DjhIrSBN.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"tiptap.styles-CPRows--.js","names":[],"sources":["../../src/components/tiptap/variable-tag-node-view.ts","../../src/components/tiptap/tiptap.styles.ts"],"sourcesContent":["import type { Editor, NodeViewRenderer, NodeViewRendererProps } from '@tiptap/core';\nimport type { Node as ProseMirrorNode } from '@tiptap/pm/model';\nimport { uniqueId } from '../../a11y/focus.js';\n\n/** Match kit v1 VariableTagView chip chrome (indigo + remove). /\nconst REMOVE_ICON = `\n<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 10 10\" width=\"10\" height=\"10\" aria-hidden=\"true\" focusable=\"false\">\n <path fill=\"currentColor\" d=\"M2.1 1.4 5 4.3l2.9-2.9.7.7L5.7 5l2.9 2.9-.7.7L5 5.7l-2.9 2.9-.7-.7L4.3 5 1.4 2.1z\"/>\n</svg>\n`.trim();\n\nexport const PK_VARIABLE_TAG_CONFIGURE_EVENT = 'pk-variable-tag-configure';\n\nexport type PkVariableTagConfigureDetail = {\n editor: Editor;\n anchor: HTMLElement;\n attrs: Record<string, unknown>;\n getPos: () => number \| undefined;\n updateAttributes: (attributes: Record<string, unknown>) => void;\n deleteNode: () => void;\n};\n\nconst findTiptapHost = (viewDom: HTMLElement): HTMLElement \| null => {\n let node: Node \| null = viewDom;\n while (node) {\n if (node instanceof HTMLElement && node.localName.startsWith('pk-tiptap')) {\n return node;\n }\n\n node = node.parentNode instanceof ShadowRoot\n ? node.parentNode.host\n : node.parentNode;\n }\n\n return null;\n};\n\nconst emitConfigure = (\n editor: Editor,\n detail: PkVariableTagConfigureDetail,\n) => {\n const viewDom = editor.view.dom;\n const host = findTiptapHost(viewDom);\n\n // Preferred bridge for React/Formie: property callback on <pk-tiptap->.\n const configure = host && 'variableTagConfigure' in host\n ? (host as HTMLElement & {\n variableTagConfigure?: ((detail: PkVariableTagConfigureDetail) => void) \| null;\n }).variableTagConfigure\n : null;\n\n if (typeof configure === 'function') {\n configure(detail);\n }\n\n // Composed event is the reliable Formie path (document capture listener).\n const target = host ?? viewDom;\n target.dispatchEvent(new CustomEvent(PK_VARIABLE_TAG_CONFIGURE_EVENT, {\n bubbles: true,\n composed: true,\n detail,\n }));\n};\n\n/*\n DOM NodeViewRendererProps do NOT include React's `deleteNode` / `updateAttributes`\n * (those live on NodeViewProps for ReactNodeViewRenderer only). Build them from\n * editor + getPos — same operations ReactNodeViewRenderer wires for VariableTagView.\n /\nfunction createNodeViewCommands(\n editor: Editor,\n getPos: NodeViewRendererProps['getPos'],\n) {\n const resolvePos = (): number \| undefined => {\n const pos = typeof getPos === 'function' ? getPos() : getPos;\n return typeof pos === 'number' ? pos : undefined;\n };\n\n const deleteNode = () => {\n const pos = resolvePos();\n if (typeof pos !== 'number') {\n return;\n }\n\n const live = editor.state.doc.nodeAt(pos);\n if (!live \|\| live.type.name !== 'variableTag') {\n return;\n }\n\n editor\n .chain()\n .focus()\n .deleteRange({ from: pos, to: pos + live.nodeSize })\n .run();\n };\n\n const updateAttributes = (attributes: Record<string, unknown>) => {\n const pos = resolvePos();\n if (typeof pos !== 'number') {\n return;\n }\n\n const live = editor.state.doc.nodeAt(pos);\n if (!live \|\| live.type.name !== 'variableTag') {\n return;\n }\n\n editor\n .chain()\n .command(({ tr, dispatch }) => {\n if (dispatch) {\n tr.setNodeMarkup(pos, undefined, {\n ...live.attrs,\n ...attributes,\n });\n }\n return true;\n })\n .run();\n };\n\n return { deleteNode, updateAttributes, resolvePos };\n}\n\n/\n DOM node view for variable tags in vanilla editors.\n * Chip + remove match kit v1; configure UI is opened via `pk-variable-tag-configure`\n * (Formie mounts the edit overlay beside the WC editor).\n /\nexport function createVariableTagDomNodeView(): NodeViewRenderer {\n return (props) => {\n const { editor, getPos } = props;\n const { deleteNode, updateAttributes, resolvePos } = createNodeViewCommands(editor, getPos);\n\n let currentNode: ProseMirrorNode = props.node;\n\n const syncUnresolvedPresentation = (attrs: Record<string, unknown>) => {\n const unresolved = Boolean(attrs.unresolved);\n const token = String(attrs.value ?? '');\n const chipLabel = String(attrs.label \|\| attrs.value \|\| '');\n\n dom.classList.toggle('pk-variable-tag--unresolved', unresolved);\n if (unresolved) {\n dom.dataset.unresolved = 'true';\n // Extra context for AT — not HTML title (avoids native hover tooltip).\n const description = token\n ? `Unknown or missing reference — ${token}`\n : 'Unknown or missing reference';\n dom.setAttribute('aria-description', description);\n label.setAttribute('aria-invalid', 'true');\n } else {\n delete dom.dataset.unresolved;\n dom.removeAttribute('aria-description');\n label.removeAttribute('aria-invalid');\n }\n\n label.textContent = chipLabel;\n };\n\n const dom = document.createElement('span');\n dom.className = 'pk-variable-tag';\n dom.id = uniqueId('pk-variable-tag');\n dom.setAttribute('contenteditable', 'false');\n // Do NOT set draggable=true permanently — HTML5-draggable hosts suppress click,\n // which kills configure. ProseMirror sets draggable temporarily on mousedown drag.\n // TipTap React node views use data-drag-handle on a TipTap NodeView class; keep the\n // attr for parity, but drag itself is PM's selectable+draggable atom behavior.\n dom.setAttribute('data-drag-handle', '');\n dom.dataset.label = String(currentNode.attrs.label ?? '');\n dom.dataset.variableValue = String(currentNode.attrs.value ?? '');\n\n // Match kit v1 VariableTagView: real button for activate.\n const label = document.createElement('button');\n label.type = 'button';\n label.className = 'pk-variable-tag__label';\n label.draggable = false;\n dom.append(label);\n syncUnresolvedPresentation(currentNode.attrs);\n\n let removeButton: HTMLButtonElement \| null = null;\n let openOnInsertHandled = false;\n let openedAt = 0;\n\n const readLiveAttrs = () => {\n const pos = resolvePos();\n if (typeof pos === 'number') {\n const live = editor.state.doc.nodeAt(pos);\n if (live?.type.name === 'variableTag') {\n return { ...live.attrs };\n }\n }\n\n return { ...currentNode.attrs };\n };\n\n const openConfigure = () => {\n if (!editor.isEditable) {\n return;\n }\n\n // Dedupe repeated emits from nested handlers / openOnInsert.\n const now = Date.now();\n if (now - openedAt < 300) {\n return;\n }\n openedAt = now;\n\n // Strip any HTML5-draggable PM may have armed so configure stays clickable\n // after this interaction (draggable hosts suppress subsequent clicks).\n dom.removeAttribute('draggable');\n\n emitConfigure(editor, {\n editor,\n anchor: dom,\n attrs: readLiveAttrs(),\n getPos: resolvePos,\n updateAttributes,\n deleteNode,\n });\n };\n\n // Open on pointerdown — before ProseMirror can arm HTML5 drag on the atom.\n label.addEventListener('pointerdown', (event) => {\n if (event.button !== 0) {\n return;\n }\n\n event.preventDefault();\n event.stopPropagation();\n openConfigure();\n });\n label.addEventListener('click', (event) => {\n event.preventDefault();\n event.stopPropagation();\n openConfigure();\n });\n\n const syncRemoveButton = (editable: boolean) => {\n if (editable) {\n if (removeButton) {\n return;\n }\n\n removeButton = document.createElement('button');\n removeButton.type = 'button';\n removeButton.className = 'pk-variable-tag__remove';\n removeButton.setAttribute('aria-label', 'Remove');\n removeButton.draggable = false;\n removeButton.innerHTML = REMOVE_ICON;\n removeButton.addEventListener('pointerdown', (event) => {\n event.preventDefault();\n event.stopPropagation();\n });\n removeButton.addEventListener('click', (event) => {\n event.preventDefault();\n event.stopPropagation();\n deleteNode();\n });\n dom.append(removeButton);\n return;\n }\n\n removeButton?.remove();\n removeButton = null;\n };\n\n syncRemoveButton(editor.isEditable);\n\n if (currentNode.attrs.openOnInsert && editor.isEditable && !openOnInsertHandled) {\n openOnInsertHandled = true;\n queueMicrotask(() => {\n updateAttributes({ openOnInsert: false });\n openConfigure();\n });\n }\n\n return {\n dom,\n // TipTap React node views stop PM from handling events inside the chip —\n // that prevents `draggable=true` arming, which otherwise kills configure.\n // Drag still works via outer NodeSelection + data-drag-handle when the\n // pointer starts on the chip chrome (not the label/remove controls).\n stopEvent: (event) => {\n const target = event.target as Node \| null;\n if (!(target instanceof Element)) {\n return false;\n }\n\n return Boolean(\n target.closest('.pk-variable-tag__label')\n \|\| target.closest('.pk-variable-tag__remove'),\n );\n },\n selectNode: () => {\n dom.classList.add('ProseMirror-selectednode');\n // Never keep HTML5-draggable while selected — it suppresses clicks.\n dom.removeAttribute('draggable');\n },\n deselectNode: () => {\n dom.classList.remove('ProseMirror-selectednode');\n dom.removeAttribute('draggable');\n },\n update(updatedNode) {\n if (updatedNode.type.name !== 'variableTag') {\n return false;\n }\n\n currentNode = updatedNode;\n dom.dataset.label = String(updatedNode.attrs.label ?? '');\n dom.dataset.variableValue = String(updatedNode.attrs.value ?? '');\n syncUnresolvedPresentation(updatedNode.attrs);\n syncRemoveButton(editor.isEditable);\n return true;\n },\n };\n };\n}\n","import { css } from 'lit';\n\n/\n Indigo chip matching kit v1 VariableTagView (`bg-[#5C6BC0] text-white rounded-[2px]`).\n * Shared by rich editor + single-line input ProseMirror hosts.\n /\nconst variableTagStyles = css`\n .pk-variable-tag {\n position: relative;\n display: inline-flex;\n align-items: stretch;\n max-width: 100%;\n margin-inline: 1px;\n margin-block-start: -3px;\n padding: 0;\n border-radius: 2px;\n background: #5c6bc0;\n color: #fff;\n font-size: 11px;\n font-weight: 400;\n line-height: 1;\n white-space: nowrap;\n vertical-align: middle;\n overflow: hidden;\n cursor: default;\n box-sizing: border-box;\n }\n\n / Unresolved / missing reference — muted grey (not alarm yellow). /\n .pk-variable-tag--unresolved {\n background: var(--pk-color-gray-100, #f3f4f6);\n color: var(--pk-color-gray-600, #4b5563);\n box-shadow: inset 0 0 0 1px var(--pk-color-gray-300, #d1d5db);\n }\n\n .pk-variable-tag--unresolved.ProseMirror-selectednode {\n box-shadow:\n inset 0 0 0 1px var(--pk-color-gray-400, #9ca3af),\n 0 0 0 2px rgba(156, 163, 175, 0.45);\n }\n\n .pk-variable-tag.ProseMirror-selectednode {\n outline: none;\n box-shadow: 0 0 0 2px rgba(123, 140, 232, 0.5);\n }\n\n .pk-variable-tag__label {\n display: inline-flex;\n align-items: center;\n max-width: 220px;\n margin: 0;\n padding: 4px 5px;\n border: 0;\n background: transparent;\n color: inherit;\n font: inherit;\n font-size: inherit;\n line-height: inherit;\n text-align: left;\n overflow: hidden;\n text-overflow: ellipsis;\n cursor: pointer;\n user-select: none;\n }\n\n .pk-variable-tag__remove {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n align-self: stretch;\n margin: 0;\n padding: 4px 5px 4px 4px;\n border: 0;\n background: transparent;\n color: inherit;\n cursor: pointer;\n line-height: 0;\n appearance: none;\n }\n\n .pk-variable-tag__remove svg {\n display: block;\n width: 10px;\n height: 10px;\n pointer-events: none;\n }\n`;\n\nexport const tiptapProseMirrorStyles = css`\n @layer pk-component {\n .ProseMirror {\n outline: none;\n min-height: 2rem;\n padding: 1rem;\n background: rgb(251, 252, 254);\n / Craft CP body text (~gray-700), not gray-900. /\n color: var(--pk-color-gray-700);\n font-family: var(--pk-font-family);\n / Match pk-input / body (14px). sm (13px) matched field instructions and looked undersized vs v1. /\n font-size: var(--pk-font-size-base);\n line-height: 1.5;\n white-space: pre-wrap;\n box-sizing: border-box;\n }\n\n .ProseMirror p {\n margin: 0 0 0.5rem;\n }\n\n .ProseMirror p:last-child {\n margin-bottom: 0;\n }\n\n .ProseMirror h1 {\n font-size: 1.25rem;\n font-weight: 700;\n margin: 0 0 0.5rem;\n }\n\n .ProseMirror h2 {\n font-size: 1.125rem;\n font-weight: 600;\n margin: 0 0 0.5rem;\n }\n\n .ProseMirror h3,\n .ProseMirror h4,\n .ProseMirror h5,\n .ProseMirror h6 {\n font-weight: 600;\n margin: 0 0 0.5rem;\n }\n\n .ProseMirror a {\n color: var(--pk-color-blue-600);\n text-decoration: underline;\n cursor: pointer;\n }\n\n .ProseMirror ul,\n .ProseMirror ol {\n margin: 0 0 0.5rem;\n padding-left: 1.25rem;\n }\n\n .ProseMirror blockquote {\n margin: 0 0 0.5rem;\n padding-left: 0.75rem;\n border-left: 3px solid var(--pk-color-gray-300);\n color: var(--pk-color-gray-600);\n }\n\n .ProseMirror code {\n font-family: var(--pk-font-family-mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace);\n font-size: var(--pk-font-size-mono, 0.9em);\n line-height: var(--pk-line-height-mono, 1.5);\n background: var(--pk-color-gray-100);\n border-radius: 0.2rem;\n padding: 0.1rem 0.25rem;\n }\n\n .ProseMirror pre {\n margin: 0 0 0.5rem;\n padding: 0.75rem;\n background: var(--pk-color-gray-900);\n color: var(--pk-color-gray-50);\n border-radius: var(--pk-radius-md);\n overflow-x: auto;\n font-family: var(--pk-font-family-mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace);\n font-size: var(--pk-font-size-mono, 0.9em);\n line-height: var(--pk-line-height-mono, 1.5);\n }\n\n ${variableTagStyles}\n }\n`;\n\n/\n Single-line TipTap field — same box metrics as `pk-input` .input\n * (14px / line-height 1.4 / padding 6px 8px).\n \n ProseMirror always injects `br.ProseMirror-trailingBreak` for the caret.\n * Never `display: none` it — that freezes one-liner docs after the first character.\n * Clip to one line height instead so the break cannot inflate the control.\n /\nexport const tiptapInputProseMirrorStyles = css`\n @layer pk-component {\n .ProseMirror {\n outline: none;\n margin: 0;\n / Match stock pk-input padding by default. Hosts can override density via\n * --pk-tiptap-input-* (light DOM cannot style .ProseMirror in the shadow tree).\n /\n padding-block: var(--pk-tiptap-input-padding-block, 6px);\n padding-inline-start: var(--pk-tiptap-input-padding-inline-start, 8px);\n padding-inline-end: var(--pk-tiptap-input-padding-inline-end, 8px);\n / One-liner clip: padding + control line-height (v1 text-sm), not a fixed shell token. /\n height: var(--pk-tiptap-input-height, calc(var(--pk-input-control-line-height, 1.25rem) + 12px));\n max-height: var(--pk-tiptap-input-height, calc(var(--pk-input-control-line-height, 1.25rem) + 12px));\n background: var(--pk-input-bg);\n / Craft CP body / field value text. /\n color: var(--pk-color-gray-700);\n font-family: var(--pk-font-family);\n font-size: var(--pk-tiptap-input-font-size, var(--pk-font-size-base));\n line-height: var(--pk-tiptap-input-line-height, var(--pk-input-control-line-height, 1.25rem));\n white-space: nowrap;\n overflow-x: auto;\n overflow-y: hidden;\n box-sizing: border-box;\n scrollbar-width: none;\n }\n\n .ProseMirror::-webkit-scrollbar {\n display: none;\n }\n\n / OneLinerDocument is inline-only; keep p inline if a schema ever wraps text. /\n .ProseMirror p {\n margin: 0;\n display: inline;\n line-height: inherit;\n }\n\n / Read-only display: no input padding/height box (v1 skipped chrome when readOnly).\n * Inherit color/weight so list name links (text-blue-600 font-bold) show through. /\n :host([readonly]) .ProseMirror {\n padding-block: 0;\n padding-inline: 0;\n height: auto;\n max-height: none;\n background: transparent;\n overflow: visible;\n white-space: normal;\n color: inherit;\n font-weight: inherit;\n font-size: inherit;\n }\n\n ${variableTagStyles}\n }\n`;\n\nexport const tiptapContentProseMirrorStyles = css`\n @layer pk-component {\n / Inherit host color/size so light-DOM wrappers (warning banners, badges)\n can restyle read-only TipTap without piercing the shadow tree. */\n .ProseMirror {\n outline: none;\n color: inherit;\n font-family: inherit;\n font-size: inherit;\n line-height: inherit;\n }\n\n .ProseMirror p {\n margin: 0;\n }\n }\n`;\n"],"mappings":"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"}
1	+ {"version":3,"file":"tiptap.styles-DjhIrSBN.js","names":[],"sources":["../../src/components/tiptap/variable-tag-node-view.ts","../../src/components/tiptap/tiptap.styles.ts"],"sourcesContent":["import type { Editor, NodeViewRenderer, NodeViewRendererProps } from '@tiptap/core';\nimport type { Node as ProseMirrorNode } from '@tiptap/pm/model';\nimport { uniqueId } from '../../a11y/focus.js';\n\n/** Match kit v1 VariableTagView chip chrome (indigo + remove). /\nconst REMOVE_ICON = `\n<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 10 10\" width=\"10\" height=\"10\" aria-hidden=\"true\" focusable=\"false\">\n <path fill=\"currentColor\" d=\"M2.1 1.4 5 4.3l2.9-2.9.7.7L5.7 5l2.9 2.9-.7.7L5 5.7l-2.9 2.9-.7-.7L4.3 5 1.4 2.1z\"/>\n</svg>\n`.trim();\n\nexport const PK_VARIABLE_TAG_CONFIGURE_EVENT = 'pk-variable-tag-configure';\n\nexport type PkVariableTagConfigureDetail = {\n editor: Editor;\n anchor: HTMLElement;\n attrs: Record<string, unknown>;\n getPos: () => number \| undefined;\n updateAttributes: (attributes: Record<string, unknown>) => void;\n deleteNode: () => void;\n};\n\nconst findTiptapHost = (viewDom: HTMLElement): HTMLElement \| null => {\n let node: Node \| null = viewDom;\n while (node) {\n if (node instanceof HTMLElement && node.localName.startsWith('pk-tiptap')) {\n return node;\n }\n\n node = node.parentNode instanceof ShadowRoot\n ? node.parentNode.host\n : node.parentNode;\n }\n\n return null;\n};\n\nconst emitConfigure = (\n editor: Editor,\n detail: PkVariableTagConfigureDetail,\n) => {\n const viewDom = editor.view.dom;\n const host = findTiptapHost(viewDom);\n\n // Preferred bridge for React/Formie: property callback on <pk-tiptap->.\n const configure = host && 'variableTagConfigure' in host\n ? (host as HTMLElement & {\n variableTagConfigure?: ((detail: PkVariableTagConfigureDetail) => void) \| null;\n }).variableTagConfigure\n : null;\n\n if (typeof configure === 'function') {\n configure(detail);\n }\n\n // Composed event is the reliable Formie path (document capture listener).\n const target = host ?? viewDom;\n target.dispatchEvent(new CustomEvent(PK_VARIABLE_TAG_CONFIGURE_EVENT, {\n bubbles: true,\n composed: true,\n detail,\n }));\n};\n\n/*\n DOM NodeViewRendererProps do NOT include React's `deleteNode` / `updateAttributes`\n * (those live on NodeViewProps for ReactNodeViewRenderer only). Build them from\n * editor + getPos — same operations ReactNodeViewRenderer wires for VariableTagView.\n /\nfunction createNodeViewCommands(\n editor: Editor,\n getPos: NodeViewRendererProps['getPos'],\n) {\n const resolvePos = (): number \| undefined => {\n const pos = typeof getPos === 'function' ? getPos() : getPos;\n return typeof pos === 'number' ? pos : undefined;\n };\n\n const deleteNode = () => {\n const pos = resolvePos();\n if (typeof pos !== 'number') {\n return;\n }\n\n const live = editor.state.doc.nodeAt(pos);\n if (!live \|\| live.type.name !== 'variableTag') {\n return;\n }\n\n editor\n .chain()\n .focus()\n .deleteRange({ from: pos, to: pos + live.nodeSize })\n .run();\n };\n\n const updateAttributes = (attributes: Record<string, unknown>) => {\n const pos = resolvePos();\n if (typeof pos !== 'number') {\n return;\n }\n\n const live = editor.state.doc.nodeAt(pos);\n if (!live \|\| live.type.name !== 'variableTag') {\n return;\n }\n\n editor\n .chain()\n .command(({ tr, dispatch }) => {\n if (dispatch) {\n tr.setNodeMarkup(pos, undefined, {\n ...live.attrs,\n ...attributes,\n });\n }\n return true;\n })\n .run();\n };\n\n return { deleteNode, updateAttributes, resolvePos };\n}\n\n/\n DOM node view for variable tags in vanilla editors.\n * Chip + remove match kit v1; configure UI is opened via `pk-variable-tag-configure`\n * (Formie mounts the edit overlay beside the WC editor).\n /\nexport function createVariableTagDomNodeView(): NodeViewRenderer {\n return (props) => {\n const { editor, getPos } = props;\n const { deleteNode, updateAttributes, resolvePos } = createNodeViewCommands(editor, getPos);\n\n let currentNode: ProseMirrorNode = props.node;\n\n const syncUnresolvedPresentation = (attrs: Record<string, unknown>) => {\n const unresolved = Boolean(attrs.unresolved);\n const token = String(attrs.value ?? '');\n const chipLabel = String(attrs.label \|\| attrs.value \|\| '');\n\n dom.classList.toggle('pk-variable-tag--unresolved', unresolved);\n if (unresolved) {\n dom.dataset.unresolved = 'true';\n // Extra context for AT — not HTML title (avoids native hover tooltip).\n const description = token\n ? `Unknown or missing reference — ${token}`\n : 'Unknown or missing reference';\n dom.setAttribute('aria-description', description);\n label.setAttribute('aria-invalid', 'true');\n } else {\n delete dom.dataset.unresolved;\n dom.removeAttribute('aria-description');\n label.removeAttribute('aria-invalid');\n }\n\n label.textContent = chipLabel;\n };\n\n const dom = document.createElement('span');\n dom.className = 'pk-variable-tag';\n dom.id = uniqueId('pk-variable-tag');\n dom.setAttribute('contenteditable', 'false');\n // Do NOT set draggable=true permanently — HTML5-draggable hosts suppress click,\n // which kills configure. ProseMirror sets draggable temporarily on mousedown drag.\n // TipTap React node views use data-drag-handle on a TipTap NodeView class; keep the\n // attr for parity, but drag itself is PM's selectable+draggable atom behavior.\n dom.setAttribute('data-drag-handle', '');\n dom.dataset.label = String(currentNode.attrs.label ?? '');\n dom.dataset.variableValue = String(currentNode.attrs.value ?? '');\n\n // Match kit v1 VariableTagView: real button for activate.\n const label = document.createElement('button');\n label.type = 'button';\n label.className = 'pk-variable-tag__label';\n label.draggable = false;\n dom.append(label);\n syncUnresolvedPresentation(currentNode.attrs);\n\n let removeButton: HTMLButtonElement \| null = null;\n let openOnInsertHandled = false;\n let openedAt = 0;\n\n const readLiveAttrs = () => {\n const pos = resolvePos();\n if (typeof pos === 'number') {\n const live = editor.state.doc.nodeAt(pos);\n if (live?.type.name === 'variableTag') {\n return { ...live.attrs };\n }\n }\n\n return { ...currentNode.attrs };\n };\n\n const openConfigure = () => {\n if (!editor.isEditable) {\n return;\n }\n\n // Dedupe repeated emits from nested handlers / openOnInsert.\n const now = Date.now();\n if (now - openedAt < 300) {\n return;\n }\n openedAt = now;\n\n // Strip any HTML5-draggable PM may have armed so configure stays clickable\n // after this interaction (draggable hosts suppress subsequent clicks).\n dom.removeAttribute('draggable');\n\n emitConfigure(editor, {\n editor,\n anchor: dom,\n attrs: readLiveAttrs(),\n getPos: resolvePos,\n updateAttributes,\n deleteNode,\n });\n };\n\n // Open on pointerdown — before ProseMirror can arm HTML5 drag on the atom.\n label.addEventListener('pointerdown', (event) => {\n if (event.button !== 0) {\n return;\n }\n\n event.preventDefault();\n event.stopPropagation();\n openConfigure();\n });\n label.addEventListener('click', (event) => {\n event.preventDefault();\n event.stopPropagation();\n openConfigure();\n });\n\n const syncRemoveButton = (editable: boolean) => {\n if (editable) {\n if (removeButton) {\n return;\n }\n\n removeButton = document.createElement('button');\n removeButton.type = 'button';\n removeButton.className = 'pk-variable-tag__remove';\n removeButton.setAttribute('aria-label', 'Remove');\n removeButton.draggable = false;\n removeButton.innerHTML = REMOVE_ICON;\n removeButton.addEventListener('pointerdown', (event) => {\n event.preventDefault();\n event.stopPropagation();\n });\n removeButton.addEventListener('click', (event) => {\n event.preventDefault();\n event.stopPropagation();\n deleteNode();\n });\n dom.append(removeButton);\n return;\n }\n\n removeButton?.remove();\n removeButton = null;\n };\n\n syncRemoveButton(editor.isEditable);\n\n if (currentNode.attrs.openOnInsert && editor.isEditable && !openOnInsertHandled) {\n openOnInsertHandled = true;\n queueMicrotask(() => {\n updateAttributes({ openOnInsert: false });\n openConfigure();\n });\n }\n\n return {\n dom,\n // TipTap React node views stop PM from handling events inside the chip —\n // that prevents `draggable=true` arming, which otherwise kills configure.\n // Drag still works via outer NodeSelection + data-drag-handle when the\n // pointer starts on the chip chrome (not the label/remove controls).\n stopEvent: (event) => {\n const target = event.target as Node \| null;\n if (!(target instanceof Element)) {\n return false;\n }\n\n return Boolean(\n target.closest('.pk-variable-tag__label')\n \|\| target.closest('.pk-variable-tag__remove'),\n );\n },\n selectNode: () => {\n dom.classList.add('ProseMirror-selectednode');\n // Never keep HTML5-draggable while selected — it suppresses clicks.\n dom.removeAttribute('draggable');\n },\n deselectNode: () => {\n dom.classList.remove('ProseMirror-selectednode');\n dom.removeAttribute('draggable');\n },\n update(updatedNode) {\n if (updatedNode.type.name !== 'variableTag') {\n return false;\n }\n\n currentNode = updatedNode;\n dom.dataset.label = String(updatedNode.attrs.label ?? '');\n dom.dataset.variableValue = String(updatedNode.attrs.value ?? '');\n syncUnresolvedPresentation(updatedNode.attrs);\n syncRemoveButton(editor.isEditable);\n return true;\n },\n };\n };\n}\n","import { css } from 'lit';\n\n/\n Indigo chip matching kit v1 VariableTagView (`bg-[#5C6BC0] text-white rounded-[2px]`).\n * Shared by rich editor + single-line input ProseMirror hosts.\n /\nconst variableTagStyles = css`\n .pk-variable-tag {\n position: relative;\n display: inline-flex;\n align-items: stretch;\n max-width: 100%;\n margin-inline: 1px;\n margin-block-start: -3px;\n padding: 0;\n border-radius: 2px;\n background: #5c6bc0;\n color: #fff;\n font-size: 11px;\n font-weight: 400;\n line-height: 1;\n white-space: nowrap;\n vertical-align: middle;\n overflow: hidden;\n cursor: default;\n box-sizing: border-box;\n }\n\n / Unresolved / missing reference — muted grey (not alarm yellow). /\n .pk-variable-tag--unresolved {\n background: var(--pk-color-gray-100, #f3f4f6);\n color: var(--pk-color-gray-600, #4b5563);\n box-shadow: inset 0 0 0 1px var(--pk-color-gray-300, #d1d5db);\n }\n\n .pk-variable-tag--unresolved.ProseMirror-selectednode {\n box-shadow:\n inset 0 0 0 1px var(--pk-color-gray-400, #9ca3af),\n 0 0 0 2px rgba(156, 163, 175, 0.45);\n }\n\n .pk-variable-tag.ProseMirror-selectednode {\n outline: none;\n box-shadow: 0 0 0 2px rgba(123, 140, 232, 0.5);\n }\n\n .pk-variable-tag__label {\n display: inline-flex;\n align-items: center;\n max-width: 220px;\n margin: 0;\n padding: 4px 5px;\n border: 0;\n background: transparent;\n color: inherit;\n font: inherit;\n font-size: inherit;\n line-height: inherit;\n text-align: left;\n overflow: hidden;\n text-overflow: ellipsis;\n cursor: pointer;\n user-select: none;\n }\n\n .pk-variable-tag__remove {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n align-self: stretch;\n margin: 0;\n padding: 4px 5px 4px 4px;\n border: 0;\n background: transparent;\n color: inherit;\n cursor: pointer;\n line-height: 0;\n appearance: none;\n }\n\n .pk-variable-tag__remove svg {\n display: block;\n width: 10px;\n height: 10px;\n pointer-events: none;\n }\n`;\n\nexport const tiptapProseMirrorStyles = css`\n @layer pk-component {\n .ProseMirror {\n outline: none;\n min-height: 2rem;\n padding: 1rem;\n background: rgb(251, 252, 254);\n / Craft CP body text (~gray-700), not gray-900. /\n color: var(--pk-color-gray-700);\n font-family: var(--pk-font-family);\n / Match pk-input / body (14px). sm (13px) matched field instructions and looked undersized vs v1. /\n font-size: var(--pk-font-size-base);\n line-height: 1.5;\n white-space: pre-wrap;\n box-sizing: border-box;\n }\n\n .ProseMirror p {\n margin: 0 0 0.5rem;\n }\n\n .ProseMirror p:last-child {\n margin-bottom: 0;\n }\n\n .ProseMirror h1 {\n font-size: 1.25rem;\n font-weight: 700;\n margin: 0 0 0.5rem;\n }\n\n .ProseMirror h2 {\n font-size: 1.125rem;\n font-weight: 600;\n margin: 0 0 0.5rem;\n }\n\n .ProseMirror h3,\n .ProseMirror h4,\n .ProseMirror h5,\n .ProseMirror h6 {\n font-weight: 600;\n margin: 0 0 0.5rem;\n }\n\n .ProseMirror a {\n color: var(--pk-color-blue-600);\n text-decoration: underline;\n cursor: pointer;\n }\n\n .ProseMirror ul,\n .ProseMirror ol {\n margin: 0 0 0.5rem;\n padding-left: 1.25rem;\n }\n\n .ProseMirror blockquote {\n margin: 0 0 0.5rem;\n padding-left: 0.75rem;\n border-left: 3px solid var(--pk-color-gray-300);\n color: var(--pk-color-gray-600);\n }\n\n .ProseMirror code {\n font-family: var(--pk-font-family-mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace);\n font-size: var(--pk-font-size-mono, 0.9em);\n line-height: var(--pk-line-height-mono, 1.5);\n background: var(--pk-color-gray-100);\n border-radius: 0.2rem;\n padding: 0.1rem 0.25rem;\n }\n\n .ProseMirror pre {\n margin: 0 0 0.5rem;\n padding: 0.75rem;\n background: var(--pk-color-gray-900);\n color: var(--pk-color-gray-50);\n border-radius: var(--pk-radius-md);\n overflow-x: auto;\n font-family: var(--pk-font-family-mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace);\n font-size: var(--pk-font-size-mono, 0.9em);\n line-height: var(--pk-line-height-mono, 1.5);\n }\n\n ${variableTagStyles}\n }\n`;\n\n/\n Single-line TipTap field — same box metrics as `pk-input` .input\n * (14px / line-height 1.4 / padding 6px 8px).\n \n ProseMirror always injects `br.ProseMirror-trailingBreak` for the caret.\n * Never `display: none` it — that freezes one-liner docs after the first character.\n * Clip to one line height instead so the break cannot inflate the control.\n /\nexport const tiptapInputProseMirrorStyles = css`\n @layer pk-component {\n .ProseMirror {\n outline: none;\n margin: 0;\n / Match stock pk-input padding by default. Hosts can override density via\n * --pk-tiptap-input-* (light DOM cannot style .ProseMirror in the shadow tree).\n /\n padding-block: var(--pk-tiptap-input-padding-block, 6px);\n padding-inline-start: var(--pk-tiptap-input-padding-inline-start, 8px);\n padding-inline-end: var(--pk-tiptap-input-padding-inline-end, 8px);\n / One-liner clip: padding + control line-height (v1 text-sm), not a fixed shell token. /\n height: var(--pk-tiptap-input-height, calc(var(--pk-input-control-line-height, 1.25rem) + 12px));\n max-height: var(--pk-tiptap-input-height, calc(var(--pk-input-control-line-height, 1.25rem) + 12px));\n background: var(--pk-input-bg);\n / Craft CP body / field value text. /\n color: var(--pk-color-gray-700);\n font-family: var(--pk-font-family);\n font-size: var(--pk-tiptap-input-font-size, var(--pk-font-size-base));\n line-height: var(--pk-tiptap-input-line-height, var(--pk-input-control-line-height, 1.25rem));\n white-space: nowrap;\n overflow-x: auto;\n overflow-y: hidden;\n box-sizing: border-box;\n scrollbar-width: none;\n }\n\n .ProseMirror::-webkit-scrollbar {\n display: none;\n }\n\n / OneLinerDocument is inline-only; keep p inline if a schema ever wraps text. /\n .ProseMirror p {\n margin: 0;\n display: inline;\n line-height: inherit;\n }\n\n / Read-only display: no input padding/height box (v1 skipped chrome when readOnly).\n * Inherit color/weight so list name links (text-blue-600 font-bold) show through. /\n :host([readonly]) .ProseMirror {\n padding-block: 0;\n padding-inline: 0;\n height: auto;\n max-height: none;\n background: transparent;\n overflow: visible;\n white-space: normal;\n color: inherit;\n font-weight: inherit;\n font-size: inherit;\n }\n\n ${variableTagStyles}\n }\n`;\n\nexport const tiptapContentProseMirrorStyles = css`\n @layer pk-component {\n / Inherit host color/size so light-DOM wrappers (warning banners, badges)\n can restyle read-only TipTap without piercing the shadow tree. */\n .ProseMirror {\n outline: none;\n color: inherit;\n font-family: inherit;\n font-size: inherit;\n line-height: inherit;\n }\n\n .ProseMirror p {\n margin: 0;\n }\n }\n`;\n"],"mappings":"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"}

package/dist/component-registry.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"component-registry.d.ts","sourceRoot":"","sources":["../src/component-registry.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,eAAO,MAAM,sBAAsB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,~~CAwDzD~~,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,iBAAiB,EAAE,SAAS,MAAM,EAAwC,CAAC;AAExF,6DAA6D;AAC7D,eAAO,MAAM,wBAAwB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,~~CAyD3D~~,CAAC;AAOF;;;GAGG;AACH,eAAO,MAAM,yBAAyB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAM5D,CAAC;AAEF,6EAA6E;AAC7E,eAAO,MAAM,wBAAwB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAK3D,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG,MAAM,OAAO,wBAAwB,CAAC;AAEnE;;;;;GAKG;AACH,eAAO,MAAM,wBAAwB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,~~CAuC3D~~,CAAC"}
1	+ {"version":3,"file":"component-registry.d.ts","sourceRoot":"","sources":["../src/component-registry.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,eAAO,MAAM,sBAAsB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CA0DzD,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,iBAAiB,EAAE,SAAS,MAAM,EAAwC,CAAC;AAExF,6DAA6D;AAC7D,eAAO,MAAM,wBAAwB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CA2D3D,CAAC;AAOF;;;GAGG;AACH,eAAO,MAAM,yBAAyB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAM5D,CAAC;AAEF,6EAA6E;AAC7E,eAAO,MAAM,wBAAwB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAK3D,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG,MAAM,OAAO,wBAAwB,CAAC;AAEnE;;;;;GAKG;AACH,eAAO,MAAM,wBAAwB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAyC3D,CAAC"}

package/dist/components/alert/index.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ export { PkAlert, type PkAlertAppearance, type PkAlertAnnouncement, type PkAlertVariant, } from './pk-alert.js';
2	+ //# sourceMappingURL=index.d.ts.map

package/dist/components/alert/index.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/alert/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACH,OAAO,EACP,KAAK,iBAAiB,EACtB,KAAK,mBAAmB,EACxB,KAAK,cAAc,GACtB,MAAM,eAAe,CAAC"}

package/dist/components/alert/pk-alert.d.ts ADDED Viewed

@@ -0,0 +1,95 @@
+import { PkElement } from '../../base/pk-element.js';
+export type PkAlertVariant = 'neutral' | 'info' | 'success' | 'warning' | 'error';
+export type PkAlertAppearance = 'accent' | 'filled-outlined' | 'filled' | 'outlined' | 'plain';
+export type PkAlertAnnouncement = 'off' | 'polite' | 'assertive';
+export type PkAlertSize = 'sm' | 'default' | 'lg';
+/**
+ * Semantic notice for feedback, warnings and recoverable failures.
+ *
+ * @slot title - Alert heading. Takes precedence over the `heading` property.
+ * @slot icon - Custom icon. The component supplies a variant icon by default.
+ * @slot - Alert message or other primary content.
+ * @slot actions - Optional primary alert actions.
+ * @slot details - Optional content inside the collapsible details region.
+ *
+ * @event pk-dismiss - Emitted before a dismissible alert hides. Prevent to keep it visible.
+ * @event pk-copy - Emitted when the details are copied successfully.
+ * @event pk-copy-error - Emitted when the details cannot be copied.
+ *
+ * @csspart base - Alert container.
+ * @csspart notice - Icon, content and dismiss-button row.
+ * @csspart icon - Icon wrapper.
+ * @csspart content - Heading and message wrapper.
+ * @csspart title - Alert heading.
+ * @csspart body - Default content wrapper.
+ * @csspart dismiss-button - Dismiss button.
+ * @csspart actions - Alert actions wrapper.
+ * @csspart details - Collapsible details element.
+ * @csspart details-summary - Details disclosure label.
+ * @csspart details-content - Details content wrapper.
+ * @csspart copy-button - Copy-details button.
+ * @csspart copy-status - Copy result status.
+ *
+ * @cssproperty --pk-alert-accent - Accent, title and icon colour.
+ * @cssproperty --pk-alert-background - Alert background.
+ * @cssproperty --pk-alert-border - Alert and divider border colour.
+ * @cssproperty --pk-alert-color - Alert host colour.
+ * @cssproperty --pk-alert-body-color - Primary content colour.
+ * @cssproperty --pk-alert-title-color - Heading colour.
+ * @cssproperty --pk-alert-title-size - Heading font size.
+ * @cssproperty --pk-alert-padding - Alert inner padding.
+ * @cssproperty --pk-alert-radius - Alert corner radius.
+ * @cssproperty --pk-alert-details-max-height - Maximum height of diagnostic details.
+ *
+ * @dependency pk-copy-button - Compact copy-details action.
+ */
+export declare class PkAlert extends PkElement {
+    static styles: import('lit').CSSResult;
+    private readonly hasSlotController;
+    variant: PkAlertVariant;
+    /** Overall density, including typography, icons, spacing, details, and actions. */
+    size: PkAlertSize;
+    /** Visual treatment, independent from the alert's semantic variant. */
+    appearance: PkAlertAppearance;
+    heading: string;
+    hideIcon: boolean;
+    dismissible: boolean;
+    announce: PkAlertAnnouncement;
+    detailsLabel: string;
+    detailsOpen: boolean;
+    copyable: boolean;
+    copyLabel: string;
+    copiedLabel: string;
+    copyErrorLabel: string;
+    dismissLabel: string;
+    private detailsSlot;
+    private copyButton?;
+    private copyStatus;
+    private copyFailed;
+    private copyStatusResetTimer?;
+    disconnectedCallback(): void;
+    private hasTitle;
+    private hasDetails;
+    private get detailsValue();
+    private resetCopyStatusLater;
+    private showCopySuccess;
+    private showCopyError;
+    private handleCopySuccess;
+    private handleCopyError;
+    private selectDetails;
+    /** Copy the plain text assigned to the details slot. */
+    copyDetails(): Promise<void>;
+    /** Request dismissal and hide the alert unless the event is prevented. */
+    dismiss(): void;
+    /** Show an alert hidden by `dismiss()`. */
+    show(): void;
+    private handleDetailsToggle;
+    private renderIcon;
+    render(): import('lit-html').TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'pk-alert': PkAlert;
+    }
+}
+//# sourceMappingURL=pk-alert.d.ts.map

package/dist/components/alert/pk-alert.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"pk-alert.d.ts","sourceRoot":"","sources":["../../../src/components/alert/pk-alert.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AAcrD,OAAO,kCAAkC,CAAC;AAG1C,MAAM,MAAM,cAAc,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;AAClF,MAAM,MAAM,iBAAiB,GACvB,QAAQ,GACR,iBAAiB,GACjB,QAAQ,GACR,UAAU,GACV,OAAO,CAAC;AACd,MAAM,MAAM,mBAAmB,GAAG,KAAK,GAAG,QAAQ,GAAG,WAAW,CAAC;AACjE,MAAM,MAAM,WAAW,GAAG,IAAI,GAAG,SAAS,GAAG,IAAI,CAAC;AAYlD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuCG;AACH,qBACa,OAAQ,SAAQ,SAAS;IAClC,OAAgB,MAAM,0BAAiB;IAEvC,OAAO,CAAC,QAAQ,CAAC,iBAAiB,CAMhC;IAGF,OAAO,EAAE,cAAc,CAAU;IAEjC,mFAAmF;IAEnF,IAAI,EAAE,WAAW,CAAa;IAE9B,uEAAuE;IAEvE,UAAU,EAAE,iBAAiB,CAAY;IAGzC,OAAO,SAAM;IAGb,QAAQ,UAAS;IAGjB,WAAW,UAAS;IAGpB,QAAQ,EAAE,mBAAmB,CAAS;IAGtC,YAAY,SAAa;IAGzB,WAAW,UAAS;IAGpB,QAAQ,UAAS;IAGjB,SAAS,SAAkB;IAG3B,WAAW,SAAqB;IAGhC,cAAc,SAA6D;IAG3E,YAAY,SAAa;IAGzB,OAAO,CAAC,WAAW,CAAmB;IAGtC,OAAO,CAAC,UAAU,CAAC,CAAe;IAGlC,OAAO,CAAC,UAAU,CAAM;IAGxB,OAAO,CAAC,UAAU,CAAS;IAE3B,OAAO,CAAC,oBAAoB,CAAC,CAAS;IAE7B,oBAAoB,IAAI,IAAI;IAKrC,OAAO,CAAC,QAAQ;IAIhB,OAAO,CAAC,UAAU;IAIlB,OAAO,KAAK,YAAY,GAKvB;IAED,OAAO,CAAC,oBAAoB;IAQ5B,OAAO,CAAC,eAAe;IAMvB,OAAO,CAAC,aAAa;IAMrB,OAAO,CAAC,iBAAiB;IAIzB,OAAO,CAAC,eAAe;IAKvB,OAAO,CAAC,aAAa;IAoBrB,wDAAwD;IAClD,WAAW,IAAI,OAAO,CAAC,IAAI,CAAC;IA2BlC,0EAA0E;IAC1E,OAAO,IAAI,IAAI;IAMf,2CAA2C;IAC3C,IAAI,IAAI,IAAI;IAIZ,OAAO,CAAC,mBAAmB;IAI3B,OAAO,CAAC,UAAU;IAYT,MAAM;CAsGlB;AAED,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,UAAU,EAAE,OAAO,CAAC;KACvB;CACJ"}

package/dist/components/alert/pk-alert.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import { t as PkAlert } from "../../chunks/pk-alert-Cjxl6CY_.js";
2	+ export { PkAlert };

package/dist/components/alert/pk-alert.styles.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ export declare const pkAlertStyles: import('lit').CSSResult;
2	+ //# sourceMappingURL=pk-alert.styles.d.ts.map

package/dist/components/alert/pk-alert.styles.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"pk-alert.styles.d.ts","sourceRoot":"","sources":["../../../src/components/alert/pk-alert.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,aAAa,yBA+YzB,CAAC"}

package/dist/components/alert.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ export * from './alert/index'
2	+ export {}

package/dist/components/alert.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import { t as PkAlert } from "../chunks/pk-alert-Cjxl6CY_.js";
2	+ export { PkAlert };

package/dist/components/autocomplete/pk-autocomplete.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import { t as PkAutocomplete } from "../../chunks/pk-autocomplete-qy2Psvqm.js";
+import { t as PkAutocomplete } from "../../chunks/pk-autocomplete-DA77kdTN.js";
 export { PkAutocomplete };

package/dist/components/autocomplete.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import { t as PkAutocomplete } from "../chunks/pk-autocomplete-qy2Psvqm.js";
+import { t as PkAutocomplete } from "../chunks/pk-autocomplete-DA77kdTN.js";
 export { PkAutocomplete };

package/dist/components/button/pk-button.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import { t as PkButton } from "../../chunks/pk-button-BrH4u4Qr.js";
+import { t as PkButton } from "../../chunks/pk-button-DCtNLEPr.js";
 export { PkButton };

package/dist/components/button-group/pk-button-group-separator.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import { t as PkButtonGroupSeparator } from "../../chunks/pk-button-group-separator-DH3Rl24b.js";
+import { t as PkButtonGroupSeparator } from "../../chunks/pk-button-group-separator-D0Aa0a0f.js";
 export { PkButtonGroupSeparator };

package/dist/components/button-group/pk-button-group-text.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import { t as PkButtonGroupText } from "../../chunks/pk-button-group-text-Qro_KmZb.js";
+import { t as PkButtonGroupText } from "../../chunks/pk-button-group-text-BsqEM-dB.js";
 export { PkButtonGroupText };

package/dist/components/button-group/pk-button-group.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import { t as PkButtonGroup } from "../../chunks/pk-button-group-BSz5T5iS.js";
+import { t as PkButtonGroup } from "../../chunks/pk-button-group-DBdKK_2_.js";
 export { PkButtonGroup };

package/dist/components/button-group.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { t as PkButtonGroup } from "../chunks/pk-button-group-BSz5T5iS.js";
-import { t as PkButtonGroupSeparator } from "../chunks/pk-button-group-separator-DH3Rl24b.js";
-import { t as PkButtonGroupText } from "../chunks/pk-button-group-text-Qro_KmZb.js";
+import { t as PkButtonGroup } from "../chunks/pk-button-group-DBdKK_2_.js";
+import { t as PkButtonGroupSeparator } from "../chunks/pk-button-group-separator-D0Aa0a0f.js";
+import { t as PkButtonGroupText } from "../chunks/pk-button-group-text-BsqEM-dB.js";
 export { PkButtonGroup, PkButtonGroupSeparator, PkButtonGroupText };

package/dist/components/button.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import { t as PkButton } from "../chunks/pk-button-BrH4u4Qr.js";
+import { t as PkButton } from "../chunks/pk-button-DCtNLEPr.js";
 export { PkButton };

package/dist/components/calendar/pk-calendar.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import { t as PkCalendar } from "../../chunks/pk-calendar-Z7Y0PjeY.js";
+import { t as PkCalendar } from "../../chunks/pk-calendar-hBz1MnOu.js";
 export { PkCalendar };

package/dist/components/calendar.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import { t as PkCalendar } from "../chunks/pk-calendar-Z7Y0PjeY.js";
+import { t as PkCalendar } from "../chunks/pk-calendar-hBz1MnOu.js";
 export { PkCalendar };

package/dist/components/checkbox/pk-checkbox.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import { t as PkCheckbox } from "../../chunks/pk-checkbox-13ArHSmt.js";
+import { t as PkCheckbox } from "../../chunks/pk-checkbox-dvHRoVbL.js";
 export { PkCheckbox };

package/dist/components/checkbox-select/pk-checkbox-select.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import { n as PkCheckboxSelect, t as ALL_VALUE } from "../../chunks/pk-checkbox-select-Ckvfbu83.js";
+import { n as PkCheckboxSelect, t as ALL_VALUE } from "../../chunks/pk-checkbox-select-Cqx5ZCMq.js";
 export { ALL_VALUE, PkCheckboxSelect };

package/dist/components/checkbox-select.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import { n as PkCheckboxSelect, t as ALL_VALUE } from "../chunks/pk-checkbox-select-Ckvfbu83.js";
+import { n as PkCheckboxSelect, t as ALL_VALUE } from "../chunks/pk-checkbox-select-Cqx5ZCMq.js";
 export { ALL_VALUE, PkCheckboxSelect };

package/dist/components/checkbox.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import { t as PkCheckbox } from "../chunks/pk-checkbox-13ArHSmt.js";
+import { t as PkCheckbox } from "../chunks/pk-checkbox-dvHRoVbL.js";
 export { PkCheckbox };

package/dist/components/code-editor/pk-code-editor.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import { t as PkCodeEditor } from "../../chunks/pk-code-editor-BlG6O5qB.js";
+import { t as PkCodeEditor } from "../../chunks/pk-code-editor-C_PqjR75.js";
 export { PkCodeEditor };

package/dist/components/code-editor.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import { t as PkCodeEditor } from "../chunks/pk-code-editor-BlG6O5qB.js";
+import { t as PkCodeEditor } from "../chunks/pk-code-editor-C_PqjR75.js";
 export { PkCodeEditor };

package/dist/components/color-input/pk-color-input.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import { t as PkColorInput } from "../../chunks/pk-color-input-BRgQ5-vB.js";
+import { t as PkColorInput } from "../../chunks/pk-color-input-4LDV0Z3W.js";
 export { PkColorInput };

package/dist/components/color-input.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import { t as PkColorInput } from "../chunks/pk-color-input-BRgQ5-vB.js";
+import { t as PkColorInput } from "../chunks/pk-color-input-4LDV0Z3W.js";
 export { PkColorInput };

package/dist/components/combobox/pk-combobox.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import { t as PkCombobox } from "../../chunks/pk-combobox-ag89QEX2.js";
+import { t as PkCombobox } from "../../chunks/pk-combobox-BeddzAsl.js";
 export { PkCombobox };

package/dist/components/combobox.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import { t as PkCombobox } from "../chunks/pk-combobox-ag89QEX2.js";
+import { t as PkCombobox } from "../chunks/pk-combobox-BeddzAsl.js";
 export { PkCombobox };

package/dist/components/connect/pk-connect-oauth.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { i as property, o as state, s as customElement, t as __decorate } from "../../chunks/decorate-R0X811qp.js";
-import "../../chunks/pk-button-BrH4u4Qr.js";
-import "../../chunks/pk-status-BehQARDv.js";
-import { t as pkConnectStyles } from "../../chunks/pk-connect.styles-BhW406jt.js";
+import "../../chunks/pk-button-DCtNLEPr.js";
+import "../../chunks/pk-status-CYcadu0Q.js";
+import { t as pkConnectStyles } from "../../chunks/pk-connect.styles-ciqZMK3B.js";
 import { LitElement, html } from "lit";
 import { submitCpFormAction, watchCpFormDirty } from "@verbb/plugin-kit-core";
 //#region src/components/connect/pk-connect-oauth.ts

package/dist/components/connect/pk-connect.d.ts CHANGED Viewed

@@ -32,7 +32,6 @@ export declare class PkConnect extends LitElement {
     labelClose: string;
     private isDirty;
     private loading;
-    private showDetails;
     private unwatchDirty;
     private errorDialog;
     createRenderRoot(): HTMLElement | DocumentFragment;

package/dist/components/connect/pk-connect.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"pk-connect.d.ts","sourceRoot":"","sources":["../../../src/components/connect/pk-connect.ts"],"names":[],"mappings":"AAAA,OAAO,EAQH,KAAK,aAAa,EAErB,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAQ,UAAU,EAAW,MAAM,KAAK,CAAC;AAGhD,OAAO,wBAAwB,CAAC;AAChC,OAAO,wBAAwB,CAAC;AAChC,OAAO,oBAAoB,CAAC;~~AAC5B~~,OAAO,wBAAwB,CAAC;AAgBhC;;;;;;;GAOG;AACH,qBACa,SAAU,SAAQ,UAAU;IACrC,OAAgB,MAAM,0BAAmB;IAEzC,uEAAuE;IAEvE,MAAM,SAAM;IAGZ,MAAM,EAAE,aAAa,CAAkB;IAGvC,YAAY,SAAgB;IAG5B,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAQ;IAE/B,yEAAyE;IAEzE,OAAO,SAAc;IAGrB,IAAI,SAAM;IAGV,cAAc,SAAe;IAG7B,iBAAiB,SAAmB;IAGpC,eAAe,SAAiB;IAGhC,UAAU,SAAW;IAGrB,YAAY,SAAa;IAGzB,YAAY,SAAa;IAGzB,kBAAkB,SAAsB;IAGxC,iBAAiB,SAAsB;IAGvC,iBAAiB,SAAwC;IAGzD,gBAAgB,SAAkB;IAGlC,gBAAgB,SAAkB;IAGlC,UAAU,SAAW;IAGrB,OAAO,CAAC,OAAO,CAAS;IAGxB,OAAO,CAAC,OAAO,CAAS;~~IAGxB~~,OAAO,CAAC,~~WAAW,CAAS;IAE5B,OAAO,CAAC,~~YAAY,CAA6B;IACjD,OAAO,CAAC,WAAW,CAA4B;IAEtC,gBAAgB,IAAI,WAAW,GAAG,gBAAgB;IAKlD,iBAAiB,IAAI,IAAI;IAWzB,oBAAoB,IAAI,IAAI;IAQrC,OAAO,KAAK,MAAM,GAcjB;IAED,OAAO,KAAK,SAAS,GAEpB;IAED,OAAO,KAAK,WAAW,GAWtB;IAED,OAAO,KAAK,gBAAgB,GAE3B;IAED,OAAO,KAAK,WAAW,GAEtB;IAED,OAAO,CAAC,gBAAgB;IAUxB,OAAO,CAAC,YAAY;~~IAQpB~~,OAAO,CAAC,iBAAiB;~~IAkEzB~~,OAAO,CAAC,cAAc;~~YA8BR~~,kBAAkB;IAwCvB,MAAM;CAiClB;AAED,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,YAAY,EAAE,SAAS,CAAC;KAC3B;CACJ"}
1	+ {"version":3,"file":"pk-connect.d.ts","sourceRoot":"","sources":["../../../src/components/connect/pk-connect.ts"],"names":[],"mappings":"AAAA,OAAO,EAQH,KAAK,aAAa,EAErB,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAQ,UAAU,EAAW,MAAM,KAAK,CAAC;AAGhD,OAAO,wBAAwB,CAAC;AAChC,OAAO,wBAAwB,CAAC;AAChC,OAAO,oBAAoB,CAAC;AAE5B,OAAO,kCAAkC,CAAC;AAC1C,OAAO,wBAAwB,CAAC;AAgBhC;;;;;;;GAOG;AACH,qBACa,SAAU,SAAQ,UAAU;IACrC,OAAgB,MAAM,0BAAmB;IAEzC,uEAAuE;IAEvE,MAAM,SAAM;IAGZ,MAAM,EAAE,aAAa,CAAkB;IAGvC,YAAY,SAAgB;IAG5B,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAQ;IAE/B,yEAAyE;IAEzE,OAAO,SAAc;IAGrB,IAAI,SAAM;IAGV,cAAc,SAAe;IAG7B,iBAAiB,SAAmB;IAGpC,eAAe,SAAiB;IAGhC,UAAU,SAAW;IAGrB,YAAY,SAAa;IAGzB,YAAY,SAAa;IAGzB,kBAAkB,SAAsB;IAGxC,iBAAiB,SAAsB;IAGvC,iBAAiB,SAAwC;IAGzD,gBAAgB,SAAkB;IAGlC,gBAAgB,SAAkB;IAGlC,UAAU,SAAW;IAGrB,OAAO,CAAC,OAAO,CAAS;IAGxB,OAAO,CAAC,OAAO,CAAS;IAExB,OAAO,CAAC,YAAY,CAA6B;IACjD,OAAO,CAAC,WAAW,CAA4B;IAEtC,gBAAgB,IAAI,WAAW,GAAG,gBAAgB;IAKlD,iBAAiB,IAAI,IAAI;IAWzB,oBAAoB,IAAI,IAAI;IAQrC,OAAO,KAAK,MAAM,GAcjB;IAED,OAAO,KAAK,SAAS,GAEpB;IAED,OAAO,KAAK,WAAW,GAWtB;IAED,OAAO,KAAK,gBAAgB,GAE3B;IAED,OAAO,KAAK,WAAW,GAEtB;IAED,OAAO,CAAC,gBAAgB;IAUxB,OAAO,CAAC,YAAY;IAIpB,OAAO,CAAC,iBAAiB;IA8BzB,OAAO,CAAC,cAAc;YAgCR,kBAAkB;IAwCvB,MAAM;CAiClB;AAED,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,YAAY,EAAE,SAAS,CAAC;KAC3B;CACJ"}

package/dist/components/connect/pk-connect.js CHANGED Viewed

@@ -1,9 +1,10 @@
 import { i as property, o as state, s as customElement, t as __decorate } from "../../chunks/decorate-R0X811qp.js";
-import "../../chunks/pk-button-BrH4u4Qr.js";
-import "../../chunks/pk-status-BehQARDv.js";
-import "../../chunks/pk-dialog-VMQqLW1f.js";
+import "../../chunks/pk-button-DCtNLEPr.js";
 import "../icon/pk-icon.js";
-import { t as pkConnectStyles } from "../../chunks/pk-connect.styles-BhW406jt.js";
+import "../../chunks/pk-state-panel-DPP7t-er.js";
+import "../../chunks/pk-status-CYcadu0Q.js";
+import "../../chunks/pk-dialog-CFU850OH.js";
+import { t as pkConnectStyles } from "../../chunks/pk-connect.styles-ciqZMK3B.js";
 import { LitElement, html, nothing } from "lit";
 import { buildConnectPayload, escapeCpHtml, resolveConnectError, sendCpConnectRequest, serializeCpForm, watchCpFormDirty } from "@verbb/plugin-kit-core";
 //#region src/components/connect/pk-connect.ts
@@ -35,7 +36,6 @@ var PkConnect = class PkConnect extends LitElement {
 		this.labelClose = "Close";
 		this.isDirty = false;
 		this.loading = false;
-		this.showDetails = false;
 		this.unwatchDirty = null;
 		this.errorDialog = null;
 	}
@@ -103,7 +103,6 @@ var PkConnect = class PkConnect extends LitElement {
 	}
 	setModalOpen(open) {
 		this.fieldHost?.classList.toggle("pk-connect-field--modal-open", open);
-		if (!open) this.showDetails = false;
 	}
 	ensureErrorDialog() {
 		if (this.errorDialog) return this.errorDialog;
@@ -114,60 +113,39 @@ var PkConnect = class PkConnect extends LitElement {
 			`<pk-button slot="trigger" type="button" variant="none" size="none" icon class="pk-connect-dialog__close" data-dialog="close" aria-label="${escapeCpHtml(this.labelClose)}">`,
 			"<pk-icon icon=\"xmark\"></pk-icon>",
 			"</pk-button>",
-			"<div class=\"pk-connection-error\">",
-			"<div class=\"pk-connection-error__stack\">",
-			"<div class=\"pk-connection-error__icon\"><pk-icon icon=\"triangle-exclamation\"></pk-icon></div>",
-			"<h3 class=\"pk-connection-error__heading\"></h3>",
-			"<p class=\"pk-connection-error__message\"></p>",
-			"<div class=\"pk-connection-error__details hidden\">",
-			"<button type=\"button\" class=\"pk-connection-error__details-toggle\">",
-			"<pk-icon icon=\"chevron-right\"></pk-icon>",
-			`<span class="pk-connection-error__details-label">${escapeCpHtml(this.labelShowDetails)}</span>`,
-			"</button>",
-			"<div class=\"pk-connection-error__trace hidden\"></div>",
-			"</div>",
-			"</div>",
+			"<div class=\"pk-connect-dialog__content\">",
+			"<pk-state-panel class=\"pk-connect-dialog__state\" variant=\"error\" size=\"lg\" announce=\"assertive\">",
+			"<span class=\"pk-connect-dialog__message\"></span>",
+			"</pk-state-panel>",
 			"</div>"
 		].join("");
 		document.body.appendChild(dialog);
-		const detailsToggle = dialog.querySelector(".pk-connection-error__details-toggle");
-		const traceEl = dialog.querySelector(".pk-connection-error__trace");
-		const detailsLabel = dialog.querySelector(".pk-connection-error__details-label");
-		dialog.querySelector(".pk-connection-error__details");
-		const chevron = dialog.querySelector("pk-icon");
-		detailsToggle?.addEventListener("click", () => {
-			this.showDetails = !this.showDetails;
-			traceEl?.classList.toggle("hidden", !this.showDetails);
-			chevron?.classList.toggle("is-open", this.showDetails);
-			if (detailsLabel) detailsLabel.textContent = this.showDetails ? this.labelHideDetails : this.labelShowDetails;
-		});
 		dialog.addEventListener("pk-open-change", (event) => {
 			const open = Boolean(event.detail?.open);
 			this.setModalOpen(open);
-			if (!open) {
-				traceEl?.classList.add("hidden");
-				chevron?.classList.remove("is-open");
-				if (detailsLabel) detailsLabel.textContent = this.labelShowDetails;
-			}
 		});
 		this.errorDialog = dialog;
 		return dialog;
 	}
 	showErrorModal(error) {
 		const dialog = this.ensureErrorDialog();
-		const heading = dialog.querySelector(".pk-connection-error__heading");
-		const message = dialog.querySelector(".pk-connection-error__message");
-		const detailsWrap = dialog.querySelector(".pk-connection-error__details");
-		const traceEl = dialog.querySelector(".pk-connection-error__trace");
-		if (heading) heading.textContent = error.heading || this.labelErrorHeading;
+		const statePanel = dialog.querySelector("pk-state-panel");
+		const message = dialog.querySelector(".pk-connect-dialog__message");
 		if (message) message.textContent = error.text || this.labelGenericError;
-		const trace = error.traceAsString || error.trace || "";
-		if (trace && detailsWrap && traceEl) {
-			detailsWrap.classList.remove("hidden");
-			traceEl.innerHTML = trace;
-			traceEl.classList.add("hidden");
-		} else detailsWrap?.classList.add("hidden");
-		this.showDetails = false;
+		const trace = error.traceAsArray.length > 0 ? error.traceAsArray.join("\n") : (error.traceAsString || error.trace || "").replace(/<br\s*\/?>/gi, "\n");
+		dialog.querySelector("[slot=\"details\"]")?.remove();
+		if (statePanel) {
+			statePanel.heading = error.heading || this.labelErrorHeading;
+			statePanel.detailsLabel = this.labelShowDetails;
+			statePanel.detailsOpen = false;
+			statePanel.copyable = Boolean(trace);
+			if (trace) {
+				const details = document.createElement("pre");
+				details.slot = "details";
+				details.textContent = trace;
+				statePanel.appendChild(details);
+			}
+		}
 		dialog.open = true;
 		this.setModalOpen(true);
 	}
@@ -251,7 +229,6 @@ __decorate([property({ attribute: "label-hide-details" })], PkConnect.prototype,
 __decorate([property({ attribute: "label-close" })], PkConnect.prototype, "labelClose", void 0);
 __decorate([state()], PkConnect.prototype, "isDirty", void 0);
 __decorate([state()], PkConnect.prototype, "loading", void 0);
-__decorate([state()], PkConnect.prototype, "showDetails", void 0);
 PkConnect = __decorate([customElement("pk-connect")], PkConnect);
 //#endregion
 export { PkConnect };