54:I[314491,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"FilesView"] 55:T411b,import { ContextConsumer } from '@lit/context' import { html, LitElement, nothing, type PropertyDeclaration, type PropertyValues } from 'lit' import type { Editor } from 'prosekit/core' import { defineUpdateHandler } from 'prosekit/core' import type { TableExtension } from 'prosekit/extensions/table' import { registerMenuItemElement, registerMenuPopupElement, registerMenuPositionerElement, } from 'prosekit/lit/menu' import { registerTableHandleColumnMenuRootElement, registerTableHandleColumnMenuTriggerElement, registerTableHandleColumnPopupElement, registerTableHandleColumnPositionerElement, registerTableHandleDragPreviewElement, registerTableHandleDropIndicatorElement, registerTableHandleRootElement, registerTableHandleRowMenuRootElement, registerTableHandleRowMenuTriggerElement, registerTableHandleRowPopupElement, registerTableHandleRowPositionerElement, } from 'prosekit/lit/table-handle' import { editorContext } from '../editor-context.ts' function getTableHandleState(editor: Editor) { return { addTableColumnBefore: { canExec: editor.commands.addTableColumnBefore.canExec(), command: () => editor.commands.addTableColumnBefore(), }, addTableColumnAfter: { canExec: editor.commands.addTableColumnAfter.canExec(), command: () => editor.commands.addTableColumnAfter(), }, deleteCellSelection: { canExec: editor.commands.deleteCellSelection.canExec(), command: () => editor.commands.deleteCellSelection(), }, deleteTableColumn: { canExec: editor.commands.deleteTableColumn.canExec(), command: () => editor.commands.deleteTableColumn(), }, addTableRowAbove: { canExec: editor.commands.addTableRowAbove.canExec(), command: () => editor.commands.addTableRowAbove(), }, addTableRowBelow: { canExec: editor.commands.addTableRowBelow.canExec(), command: () => editor.commands.addTableRowBelow(), }, deleteTableRow: { canExec: editor.commands.deleteTableRow.canExec(), command: () => editor.commands.deleteTableRow(), }, deleteTable: { canExec: editor.commands.deleteTable.canExec(), command: () => editor.commands.deleteTable(), }, } } class LitTableHandle extends LitElement { static override properties = { dir: { type: String } satisfies PropertyDeclaration<'ltr' | 'rtl'>, } override dir: string = '' private editorConsumer = new ContextConsumer(this, { context: editorContext, subscribe: true, }) private removeUpdateExtension?: VoidFunction private attachedEditor?: Editor override createRenderRoot() { return this } override connectedCallback() { super.connectedCallback() this.classList.add('contents') this.attachEditorListener() } override disconnectedCallback() { this.detachEditorListener() super.disconnectedCallback() } override updated(changedProperties: PropertyValues) { super.updated(changedProperties) this.attachEditorListener() } private attachEditorListener() { const editor = this.editorConsumer.value if (editor === this.attachedEditor) return this.detachEditorListener() this.attachedEditor = editor if (!editor) return this.removeUpdateExtension = editor.use(defineUpdateHandler(() => this.requestUpdate())) } private detachEditorListener() { this.removeUpdateExtension?.() this.removeUpdateExtension = undefined this.attachedEditor = undefined } override render() { const editor = this.editorConsumer.value as Editor | undefined if (!editor) { return nothing } const state = getTableHandleState(editor) const placement = this.dir === 'rtl' ? 'right' : 'left' return html`

${ state.addTableColumnBefore.canExec ? html` Insert Left ` : nothing } ${ state.addTableColumnAfter.canExec ? html` Insert Right ` : nothing } ${ state.deleteCellSelection.canExec ? html` Clear Contents Del ` : nothing } ${ state.deleteTableColumn.canExec ? html` Delete Column ` : nothing } ${ state.deleteTable.canExec ? html` Delete Table ` : nothing }

${ state.addTableRowAbove.canExec ? html` Insert Above ` : nothing } ${ state.addTableRowBelow.canExec ? html` Insert Below ` : nothing } ${ state.deleteCellSelection.canExec ? html` Clear Contents Del ` : nothing } ${ state.deleteTableRow.canExec ? html` Delete Row ` : nothing } ${ state.deleteTable.canExec ? html` Delete Table ` : nothing }

` } } export function registerLitEditorTableHandle() { registerMenuItemElement() registerMenuPopupElement() registerMenuPositionerElement() registerTableHandleColumnMenuRootElement() registerTableHandleColumnMenuTriggerElement() registerTableHandleColumnPopupElement() registerTableHandleColumnPositionerElement() registerTableHandleDragPreviewElement() registerTableHandleDropIndicatorElement() registerTableHandleRootElement() registerTableHandleRowMenuRootElement() registerTableHandleRowMenuTriggerElement() registerTableHandleRowPopupElement() registerTableHandleRowPositionerElement() if (customElements.get('lit-editor-table-handle')) return customElements.define('lit-editor-table-handle', LitTableHandle) } declare global { interface HTMLElementTagNameMap { 'lit-editor-table-handle': LitTableHandle } } 53:["$","$L54",null,{"files":[{"path":"registry/src/lit/ui/table-handle/index.ts","content":"export { registerLitEditorTableHandle } from './table-handle.ts'\n","type":"registry:component","target":"components/editor/ui/table-handle/index.ts"},{"path":"registry/src/lit/ui/table-handle/table-handle.ts","content":"$55","type":"registry:component","target":"components/editor/ui/table-handle/table-handle.ts"}],"className":"h-[70svh] min-h-80"}]