51:I[707087,["/_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"],"RegistryDependencies"] 52: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"] 53:T1d5a,import { html, LitElement, nothing, type PropertyDeclaration } from 'lit' import type { Editor } from 'prosekit/core' import type { Uploader } from 'prosekit/extensions/file' import type { ImageExtension } from 'prosekit/extensions/image' import { registerPopoverPopupElement, registerPopoverPositionerElement, registerPopoverRootElement, registerPopoverTriggerElement, type OpenChangeEvent, } from 'prosekit/lit/popover' import { registerLitEditorButton } from '../button/index.ts' let imageUploadId = 0 class LitImageUploadPopover extends LitElement { static override properties = { editor: { attribute: false } satisfies PropertyDeclaration, uploader: { attribute: false } satisfies PropertyDeclaration>, tooltip: { type: String }, disabled: { type: Boolean }, icon: { type: String }, } editor?: Editor uploader?: Uploader tooltip = '' disabled = false icon = '' private open = false private url = '' private file: File | null = null private ariaId = `lit-image-upload-${imageUploadId++}` override createRenderRoot() { return this } override connectedCallback() { super.connectedCallback() this.classList.add('contents') } private handleOpenChange = (event: OpenChangeEvent) => { if (!event.detail) { this.deferResetState() } this.open = event.detail this.requestUpdate() } private handleFileChange = (event: Event) => { const target = event.target as HTMLInputElement const selectedFile = target.files?.[0] if (selectedFile) { this.file = selectedFile this.url = '' } else { this.file = null } this.requestUpdate() } private handleUrlChange = (event: Event) => { const target = event.target as HTMLInputElement const inputUrl = target.value if (inputUrl) { this.url = inputUrl this.file = null } else { this.url = '' } this.requestUpdate() } private deferResetState() { setTimeout(() => { this.url = '' this.file = null this.requestUpdate() }, 300) } private handleSubmit = () => { const editor = this.editor if (!editor) return if (this.url) { editor.commands.insertImage({ src: this.url }) } else if (this.file && this.uploader) { editor.commands.uploadImage({ file: this.file, uploader: this.uploader }) } this.open = false this.deferResetState() this.requestUpdate() } override render() { return html`

${ !this.file ? html` Embed Link ` : nothing } ${ !this.url ? html` Upload ` : nothing } ${ this.url ? html` ` : nothing } ${ this.file ? html` ` : nothing }

` } } export function registerLitEditorImageUploadPopover() { registerLitEditorButton() registerPopoverPopupElement() registerPopoverPositionerElement() registerPopoverRootElement() registerPopoverTriggerElement() if (customElements.get('lit-editor-image-upload-popover')) return customElements.define('lit-editor-image-upload-popover', LitImageUploadPopover) } declare global { interface HTMLElementTagNameMap { 'lit-editor-image-upload-popover': LitImageUploadPopover } } 50:["$","div",null,{"className":"mt-3 flex min-h-0 min-w-0 flex-1 flex-col gap-3","children":[["$","div",null,{"className":"flex shrink-0 items-start gap-3","children":[["$","div",null,{"className":"flex max-h-28 min-w-0 flex-1 flex-wrap items-center gap-2 overflow-y-auto","children":[["$","ul",null,{"className":"flex min-w-0 flex-wrap gap-2","aria-label":"Package dependencies","children":[["$","li","prosekit@^0.22.2",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/prosekit","target":"_blank","rel":"noopener noreferrer","className":"flex max-w-full min-w-0 items-center gap-1.5 rounded-md border px-2 py-1.5 text-xs","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3 shrink-0","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"min-w-0 break-all text-xs font-medium","children":"prosekit@^0.22.2"}]]}]}]]}],["$","$L51",null,{"namespace":"@prosekit","registryDependencies":["https://unpkg.com/prosekit-registry/dist/r/lit-ui-button.json"]}]]}],null]}],["$","$L52",null,{"files":[{"path":"registry/src/lit/ui/image-upload-popover/image-upload-popover.ts","content":"$53","type":"registry:component","target":"components/editor/ui/image-upload-popover/image-upload-popover.ts"},{"path":"registry/src/lit/ui/image-upload-popover/index.ts","content":"export { registerLitEditorImageUploadPopover } from './image-upload-popover.ts'\n","type":"registry:component","target":"components/editor/ui/image-upload-popover/index.ts"}],"className":"h-[70svh] min-h-80"}]]}]