luxen-ui 0.6.2 → 0.7.0

package/dist/elements/prose-editor/prose-editor.js

@@ -0,0 +1,475 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (receiver, state, kind, f) {
+    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
+    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
+};
+var __classPrivateFieldSet = (this && this.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
+    if (kind === "m") throw new TypeError("Private method is not writable");
+    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a setter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
+    return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
+};
+var _ProseEditor_initialHtml_accessor_storage, _ProseEditor_initialJson_accessor_storage, _ProseEditor_editorClass_accessor_storage, _ProseEditor_toolbar_accessor_storage, _ProseEditor_toolbarPreset_accessor_storage, _ProseEditor_toolbarPlacement_accessor_storage, _ProseEditor_autofocus_accessor_storage, _ProseEditor_placeholder_accessor_storage, _ProseEditor__emojiPickerActive_accessor_storage;
+import { html, unsafeCSS } from 'lit';
+import { property, state } from 'lit/decorators.js';
+import { classMap } from 'lit/directives/class-map.js';
+import { map } from 'lit/directives/map.js';
+import { computePosition, flip, offset, shift } from '@floating-ui/dom';
+import { Editor } from '@tiptap/core';
+import StarterKit from '@tiptap/starter-kit';
+import Highlight from '@tiptap/extension-highlight';
+import { Placeholder } from '@tiptap/extensions';
+import { LuxenFormAssociatedElement } from '../../shared/luxen-form-associated-element.js';
+import hostStyles from '../../shared/styles/host.styles.js';
+import '../icon/index.js';
+import rawStyles from './prose-editor.css?inline';
+const styles = unsafeCSS(rawStyles);
+const TOOLBAR_PRESETS = {
+    minimal: ['bold', 'italic', 'underline'],
+    default: [
+        'heading-1',
+        'heading-2',
+        'heading-3',
+        'divider',
+        'bold',
+        'italic',
+        'underline',
+        'highlight',
+        'bulletlist',
+        'orderedlist',
+        'blockquote',
+        'divider',
+        'code-block',
+        'horizontal-rule',
+        'link',
+        'emoji',
+        'divider',
+        'undo',
+        'redo',
+    ],
+};
+/**
+ * @summary A rich text editor built on Tiptap (ProseMirror). Form-associated: its value is the editor HTML.
+ * @customElement l-prose-editor
+ *
+ * @slot toolbar-start - Content placed before the generated toolbar buttons.
+ * @slot toolbar-end - Content placed after the generated toolbar buttons.
+ *
+ * @event change - Fired when the content changes. `detail` is `{ html, json }`.
+ * @event add-file - Fired when the attachment toolbar button is clicked.
+ *
+ * @csspart wrapper - The editor frame wrapping the toolbar and content.
+ * @csspart toolbar - The toolbar row.
+ * @csspart toolbar-button - Any toolbar button.
+ * @csspart divider - A toolbar divider.
+ * @csspart editor - The container around the editable content.
+ *
+ * @cssproperty --border-color - Color of the editor frame border.
+ * @cssproperty --border-width - Width of the editor frame border.
+ * @cssproperty --border-radius - Corner radius of the editor frame.
+ * @cssproperty --background - Background color of the editor.
+ * @cssproperty --color - Text color of the editor.
+ * @cssproperty --toolbar-background - Background color of the toolbar.
+ * @cssproperty --toolbar-padding - Padding around the toolbar.
+ * @cssproperty --toolbar-gap - Gap between toolbar buttons.
+ * @cssproperty --toolbar-divider-color - Color of toolbar dividers.
+ * @cssproperty --toolbar-button-size - Size of toolbar buttons.
+ * @cssproperty --toolbar-button-radius - Corner radius of toolbar buttons.
+ * @cssproperty --toolbar-button-color - Icon color of inactive toolbar buttons.
+ * @cssproperty --toolbar-button-color-active - Icon color of hovered/active toolbar buttons.
+ * @cssproperty --toolbar-button-background-hover - Background of hovered toolbar buttons.
+ * @cssproperty --toolbar-button-background-active - Background of active toolbar buttons.
+ */
+export class ProseEditor extends LuxenFormAssociatedElement {
+    constructor() {
+        super(...arguments);
+        _ProseEditor_initialHtml_accessor_storage.set(this, '');
+        _ProseEditor_initialJson_accessor_storage.set(this, '');
+        _ProseEditor_editorClass_accessor_storage.set(this, 'prose');
+        _ProseEditor_toolbar_accessor_storage.set(this, []);
+        _ProseEditor_toolbarPreset_accessor_storage.set(this, 'default');
+        _ProseEditor_toolbarPlacement_accessor_storage.set(this, 'top');
+        _ProseEditor_autofocus_accessor_storage.set(this, false);
+        _ProseEditor_placeholder_accessor_storage.set(this, '');
+        _ProseEditor__emojiPickerActive_accessor_storage.set(this, false);
+        this._onFocus = () => {
+            if (!this.disabled && document.activeElement !== this.editor?.view.dom) {
+                this.focus();
+            }
+        };
+        this._onKeyDown = (event) => {
+            if (event.key === 'Escape')
+                this._emojiPickerActive = false;
+        };
+    }
+    /** Initial HTML content. */
+    get initialHtml() { return __classPrivateFieldGet(this, _ProseEditor_initialHtml_accessor_storage, "f"); }
+    set initialHtml(value) { __classPrivateFieldSet(this, _ProseEditor_initialHtml_accessor_storage, value, "f"); }
+    /** Initial content as a serialized ProseMirror JSON string. */
+    get initialJson() { return __classPrivateFieldGet(this, _ProseEditor_initialJson_accessor_storage, "f"); }
+    set initialJson(value) { __classPrivateFieldSet(this, _ProseEditor_initialJson_accessor_storage, value, "f"); }
+    /** Class applied to the `.ProseMirror` editable element (e.g. for Tailwind Typography `prose`). */
+    get editorClass() { return __classPrivateFieldGet(this, _ProseEditor_editorClass_accessor_storage, "f"); }
+    set editorClass(value) { __classPrivateFieldSet(this, _ProseEditor_editorClass_accessor_storage, value, "f"); }
+    /** Explicit list of toolbar commands. Overrides `toolbar-preset` when set. */
+    get toolbar() { return __classPrivateFieldGet(this, _ProseEditor_toolbar_accessor_storage, "f"); }
+    set toolbar(value) { __classPrivateFieldSet(this, _ProseEditor_toolbar_accessor_storage, value, "f"); }
+    /** Built-in toolbar layout used when `toolbar` is not set. */
+    get toolbarPreset() { return __classPrivateFieldGet(this, _ProseEditor_toolbarPreset_accessor_storage, "f"); }
+    set toolbarPreset(value) { __classPrivateFieldSet(this, _ProseEditor_toolbarPreset_accessor_storage, value, "f"); }
+    /** Where the toolbar sits relative to the content. */
+    get toolbarPlacement() { return __classPrivateFieldGet(this, _ProseEditor_toolbarPlacement_accessor_storage, "f"); }
+    set toolbarPlacement(value) { __classPrivateFieldSet(this, _ProseEditor_toolbarPlacement_accessor_storage, value, "f"); }
+    /** Focus the editor on creation. */
+    get autofocus() { return __classPrivateFieldGet(this, _ProseEditor_autofocus_accessor_storage, "f"); }
+    set autofocus(value) { __classPrivateFieldSet(this, _ProseEditor_autofocus_accessor_storage, value, "f"); }
+    /** Placeholder shown when the editor is empty. */
+    get placeholder() { return __classPrivateFieldGet(this, _ProseEditor_placeholder_accessor_storage, "f"); }
+    set placeholder(value) { __classPrivateFieldSet(this, _ProseEditor_placeholder_accessor_storage, value, "f"); }
+    get _emojiPickerActive() { return __classPrivateFieldGet(this, _ProseEditor__emojiPickerActive_accessor_storage, "f"); }
+    set _emojiPickerActive(value) { __classPrivateFieldSet(this, _ProseEditor__emojiPickerActive_accessor_storage, value, "f"); }
+    get validationTarget() {
+        return this._editorRoot;
+    }
+    get _toolbar() {
+        return this.toolbar.length > 0 ? this.toolbar : TOOLBAR_PRESETS[this.toolbarPreset];
+    }
+    firstUpdated() {
+        this.editor = new Editor({
+            element: this._createEditorRoot(),
+            editorProps: {
+                attributes: { class: this.editorClass },
+            },
+            extensions: [
+                StarterKit.configure({ link: { openOnClick: false } }),
+                Highlight,
+                Placeholder.configure({ placeholder: this.placeholder }),
+            ],
+            content: this._initialContent(),
+            editable: !this.disabled,
+            autofocus: this.autofocus && !this.disabled,
+            onUpdate: () => {
+                this.requestUpdate();
+                this._emitChange();
+            },
+            onTransaction: () => this.requestUpdate(),
+            onSelectionUpdate: () => this.requestUpdate(),
+        });
+        document.addEventListener('keydown', this._onKeyDown);
+        this.addEventListener('focus', this._onFocus);
+        this._syncValue();
+        this.requestUpdate();
+    }
+    updated(changed) {
+        if (changed.has('disabled') && this.editor) {
+            this.editor.setEditable(!this.disabled);
+        }
+        if (changed.has('_emojiPickerActive')) {
+            void this._positionEmojiPicker();
+        }
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        document.removeEventListener('keydown', this._onKeyDown);
+        this.removeEventListener('focus', this._onFocus);
+        this.editor?.destroy();
+        this._editorRoot?.remove();
+        this._emojiPicker?.remove();
+    }
+    // --- Public API ---
+    /** Get the current content as an HTML string. Empty paragraph resolves to `''`. */
+    getHTML() {
+        if (!this.editor)
+            return '';
+        const value = this.editor.getHTML();
+        return value === '<p></p>' ? '' : value;
+    }
+    /** Get the current content as ProseMirror JSON. */
+    getJSON() {
+        return this.editor?.getJSON() ?? {};
+    }
+    /** Remove all content. */
+    clear() {
+        this.editor.commands.clearContent(true);
+    }
+    focus() {
+        this.editor.commands.focus();
+    }
+    blur() {
+        this.editor.commands.blur();
+    }
+    toggleBold() {
+        this.editor.chain().focus().toggleBold().run();
+    }
+    toggleItalic() {
+        this.editor.chain().focus().toggleItalic().run();
+    }
+    toggleUnderline() {
+        this.editor.chain().focus().toggleUnderline().run();
+    }
+    toggleStrike() {
+        this.editor.chain().focus().toggleStrike().run();
+    }
+    toggleHighlight() {
+        this.editor.chain().focus().toggleHighlight().run();
+    }
+    toggleHeading(level) {
+        this.editor.chain().focus().toggleHeading({ level }).run();
+    }
+    toggleBulletList() {
+        this.editor.chain().focus().toggleBulletList().run();
+    }
+    toggleOrderedList() {
+        this.editor.chain().focus().toggleOrderedList().run();
+    }
+    toggleBlockquote() {
+        this.editor.chain().focus().toggleBlockquote().run();
+    }
+    toggleCodeBlock() {
+        this.editor.chain().focus().toggleCodeBlock().run();
+    }
+    setHorizontalRule() {
+        this.editor.chain().focus().setHorizontalRule().run();
+    }
+    undo() {
+        this.editor.chain().focus().undo().run();
+    }
+    redo() {
+        this.editor.chain().focus().redo().run();
+    }
+    toggleLink() {
+        if (this.editor.isActive('link')) {
+            this.editor.chain().focus().unsetLink().run();
+            return;
+        }
+        const input = window.prompt('URL');
+        if (!input)
+            return;
+        const url = /^https?:\/\//.test(input) ? input : `https://${input}`;
+        this.editor.chain().focus().setLink({ href: url }).run();
+    }
+    // --- Form association ---
+    formResetCallback() {
+        super.formResetCallback();
+        this.editor?.commands.setContent(this._initialContent());
+    }
+    /** Sync the form value and validity from the current content. Returns the HTML. */
+    _syncValue() {
+        if (!this.editor)
+            return undefined;
+        const value = this.getHTML();
+        this._syncFormValue(value);
+        if (this.required) {
+            this.setValidity(value ? {} : { valueMissing: true }, value ? '' : 'Please fill out this field.');
+        }
+        return value;
+    }
+    _emitChange() {
+        const value = this._syncValue();
+        if (value === undefined)
+            return;
+        this.emit('change', { detail: { html: value, json: this.getJSON() } });
+    }
+    // --- Editor wiring ---
+    _initialContent() {
+        if (this.initialHtml)
+            return this.initialHtml;
+        if (this.initialJson) {
+            return JSON.parse(this.initialJson);
+        }
+        return '';
+    }
+    /**
+     * The editable element is created in light DOM (slotted), not the shadow root.
+     * Firefox and WebKit have long-standing bugs with `contenteditable` carets and
+     * DOM selections inside a shadow tree, so ProseMirror must live outside it.
+     * @see https://bugzilla.mozilla.org/show_bug.cgi?id=1496769
+     * @see https://bugs.webkit.org/show_bug.cgi?id=163921
+     */
+    _createEditorRoot() {
+        const root = document.createElement('div');
+        root.slot = 'editor';
+        this.append(root);
+        this._editorRoot = root;
+        return root;
+    }
+    // --- Emoji picker (lazy-loaded) ---
+    async _toggleEmojiPicker() {
+        if (!this._emojiPicker) {
+            const [{ Picker }, { default: data }] = await Promise.all([
+                import('emoji-mart'),
+                import('@emoji-mart/data'),
+            ]);
+            const dark = window.matchMedia('(prefers-color-scheme: dark)').matches;
+            this._emojiPicker = new Picker({
+                parent: document.body,
+                data,
+                theme: dark ? 'dark' : 'light',
+                onEmojiSelect: ({ native }) => {
+                    this.editor.chain().focus().insertContent(native).run();
+                    this._emojiPickerActive = false;
+                },
+                onClickOutside: (event) => {
+                    if (!event.composedPath().includes(this._emojiButton)) {
+                        this._emojiPickerActive = false;
+                    }
+                },
+            });
+            Object.assign(this._emojiPicker.style, { position: 'absolute', zIndex: '999' });
+        }
+        this._emojiPickerActive = !this._emojiPickerActive;
+    }
+    get _emojiButton() {
+        return this.shadowRoot?.querySelector('[data-command="emoji"]') ?? null;
+    }
+    async _positionEmojiPicker() {
+        const button = this._emojiButton;
+        if (!button || !this._emojiPicker)
+            return;
+        if (!this._emojiPickerActive) {
+            Object.assign(this._emojiPicker.style, { visibility: 'hidden', pointerEvents: 'none' });
+            return;
+        }
+        const { x, y, strategy } = await computePosition(button, this._emojiPicker, {
+            placement: 'bottom',
+            middleware: [offset(4), flip(), shift({ padding: 8 })],
+        });
+        Object.assign(this._emojiPicker.style, {
+            position: strategy,
+            left: `${x}px`,
+            top: `${y}px`,
+            visibility: 'visible',
+            pointerEvents: 'auto',
+        });
+    }
+    // --- Rendering ---
+    _renderButton(command, label, icon, onClick, active = false) {
+        return html `
+      <button
+        type="button"
+        part="toolbar-button"
+        class="toolbar-button ${classMap({ 'is-active': active })}"
+        data-command=${command}
+        aria-label=${label}
+        aria-pressed=${active}
+        title=${label}
+        @click=${onClick}
+      >
+        <l-icon name=${icon}></l-icon>
+      </button>
+    `;
+    }
+    _renderToolbarItem(command) {
+        const editor = this.editor;
+        switch (command) {
+            case 'divider':
+                return html `<span
+          part="divider"
+          class="divider"
+        ></span>`;
+            case 'heading-1':
+                return this._renderButton('heading-1', 'Heading 1', 'ri:h-1', () => this.toggleHeading(1), editor.isActive('heading', { level: 1 }));
+            case 'heading-2':
+                return this._renderButton('heading-2', 'Heading 2', 'ri:h-2', () => this.toggleHeading(2), editor.isActive('heading', { level: 2 }));
+            case 'heading-3':
+                return this._renderButton('heading-3', 'Heading 3', 'ri:h-3', () => this.toggleHeading(3), editor.isActive('heading', { level: 3 }));
+            case 'bold':
+                return this._renderButton('bold', 'Bold', 'ri:bold', () => this.toggleBold(), editor.isActive('bold'));
+            case 'italic':
+                return this._renderButton('italic', 'Italic', 'ri:italic', () => this.toggleItalic(), editor.isActive('italic'));
+            case 'underline':
+                return this._renderButton('underline', 'Underline', 'ri:underline', () => this.toggleUnderline(), editor.isActive('underline'));
+            case 'strike':
+                return this._renderButton('strike', 'Strikethrough', 'ri:strikethrough', () => this.toggleStrike(), editor.isActive('strike'));
+            case 'highlight':
+                return this._renderButton('highlight', 'Highlight', 'ri:mark-pen-line', () => this.toggleHighlight(), editor.isActive('highlight'));
+            case 'bulletlist':
+                return this._renderButton('bulletlist', 'Bullet list', 'ri:list-unordered', () => this.toggleBulletList(), editor.isActive('bulletList'));
+            case 'orderedlist':
+                return this._renderButton('orderedlist', 'Ordered list', 'ri:list-ordered', () => this.toggleOrderedList(), editor.isActive('orderedList'));
+            case 'blockquote':
+                return this._renderButton('blockquote', 'Blockquote', 'ri:double-quotes-l', () => this.toggleBlockquote(), editor.isActive('blockquote'));
+            case 'code-block':
+                return this._renderButton('code-block', 'Code block', 'ri:code-box-line', () => this.toggleCodeBlock(), editor.isActive('codeBlock'));
+            case 'horizontal-rule':
+                return this._renderButton('horizontal-rule', 'Horizontal rule', 'ri:separator', () => this.setHorizontalRule());
+            case 'link':
+                return this._renderButton('link', 'Link', 'ri:link', () => this.toggleLink(), editor.isActive('link'));
+            case 'emoji':
+                return this._renderButton('emoji', 'Emoji', 'ri:emotion-line', () => void this._toggleEmojiPicker());
+            case 'attachment':
+                return this._renderButton('attachment', 'Attach file', 'ri:attachment-2', () => this.emit('add-file'));
+            case 'undo':
+                return this._renderButton('undo', 'Undo', 'ri:arrow-go-back-line', () => this.undo());
+            case 'redo':
+                return this._renderButton('redo', 'Redo', 'ri:arrow-go-forward-line', () => this.redo());
+            default:
+                return null;
+        }
+    }
+    render() {
+        return html `
+      <div
+        class="wrapper"
+        part="wrapper"
+      >
+        <div
+          class="toolbar"
+          part="toolbar"
+          role="toolbar"
+          aria-label="Formatting"
+        >
+          <slot name="toolbar-start"></slot>
+          ${this.editor ? map(this._toolbar, (command) => this._renderToolbarItem(command)) : null}
+          <slot name="toolbar-end"></slot>
+        </div>
+        <div
+          class="editor"
+          part="editor"
+        >
+          <slot name="editor"></slot>
+        </div>
+      </div>
+    `;
+    }
+}
+_ProseEditor_initialHtml_accessor_storage = new WeakMap(), _ProseEditor_initialJson_accessor_storage = new WeakMap(), _ProseEditor_editorClass_accessor_storage = new WeakMap(), _ProseEditor_toolbar_accessor_storage = new WeakMap(), _ProseEditor_toolbarPreset_accessor_storage = new WeakMap(), _ProseEditor_toolbarPlacement_accessor_storage = new WeakMap(), _ProseEditor_autofocus_accessor_storage = new WeakMap(), _ProseEditor_placeholder_accessor_storage = new WeakMap(), _ProseEditor__emojiPickerActive_accessor_storage = new WeakMap();
+ProseEditor.styles = [hostStyles, styles];
+__decorate([
+    property({ attribute: 'initial-html' })
+], ProseEditor.prototype, "initialHtml", null);
+__decorate([
+    property({ attribute: 'initial-json' })
+], ProseEditor.prototype, "initialJson", null);
+__decorate([
+    property({ attribute: 'editor-class' })
+], ProseEditor.prototype, "editorClass", null);
+__decorate([
+    property({
+        converter: {
+            fromAttribute: (value) => (value ? value.split(',').map((s) => s.trim()) : []),
+            toAttribute: (value) => value.join(','),
+        },
+    })
+], ProseEditor.prototype, "toolbar", null);
+__decorate([
+    property({ attribute: 'toolbar-preset' })
+], ProseEditor.prototype, "toolbarPreset", null);
+__decorate([
+    property({ attribute: 'toolbar-placement', reflect: true })
+], ProseEditor.prototype, "toolbarPlacement", null);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], ProseEditor.prototype, "autofocus", null);
+__decorate([
+    property()
+], ProseEditor.prototype, "placeholder", null);
+__decorate([
+    state()
+], ProseEditor.prototype, "_emojiPickerActive", null);

package/dist/registry.d.ts

@@ -1,5 +1,5 @@
 /** Every component base name the library ships. */
-export type ElementBaseName = 'avatar' | 'badge' | 'carousel' | 'carousel-item' | 'dialog' | 'divider' | 'drawer' | 'dropdown' | 'dropdown-item' | 'icon' | 'input-otp' | 'input-stepper' | 'popover' | 'skeleton' | 'spinner' | 'rating' | 'sticky-bar' | 'stories' | 'story' | 'stories-viewer' | 'tabs' | 'toast' | 'toast-item' | 'tooltip' | 'tree' | 'tree-item';
+export type ElementBaseName = 'avatar' | 'badge' | 'carousel' | 'carousel-item' | 'dialog' | 'divider' | 'drawer' | 'dropdown' | 'dropdown-item' | 'icon' | 'input-otp' | 'input-stepper' | 'popover' | 'prose-editor' | 'skeleton' | 'spinner' | 'rating' | 'sticky-bar' | 'stories' | 'story' | 'stories-viewer' | 'tabs' | 'toast' | 'toast-item' | 'tooltip' | 'tree' | 'tree-item';
 /** Set the global prefix. Must be called before defining elements. */
 export declare function setPrefix(prefix: {
     element: string;

package/dist/registry.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"registry.d.ts","sourceRoot":"","sources":["../src/html/registry.ts"],"names":[],"mappings":"AAAA,mDAAmD;AACnD,MAAM,MAAM,eAAe,GACvB,QAAQ,GACR,OAAO,GACP,UAAU,GACV,eAAe,GACf,QAAQ,GACR,SAAS,GACT,QAAQ,GACR,UAAU,GACV,eAAe,GACf,MAAM,GACN,WAAW,GACX,eAAe,GACf,SAAS,GACT,UAAU,GACV,SAAS,GACT,QAAQ,GACR,YAAY,GACZ,SAAS,GACT,OAAO,GACP,gBAAgB,GAChB,MAAM,GACN,OAAO,GACP,YAAY,GACZ,SAAS,GACT,MAAM,GACN,WAAW,CAAC;AAMhB,sEAAsE;AACtE,wBAAgB,SAAS,CAAC,MAAM,EAAE;IAAE,OAAO,EAAE,MAAM,CAAC;IAAC,GAAG,EAAE,MAAM,CAAA;CAAE,GAAG,IAAI,CAGxE;AAED,gCAAgC;AAChC,wBAAgB,SAAS,IAAI;IAAE,OAAO,EAAE,MAAM,CAAC;IAAC,GAAG,EAAE,MAAM,CAAA;CAAE,CAE5D;AAED,gEAAgE;AAChE,wBAAgB,OAAO,CAAC,QAAQ,EAAE,eAAe,GAAG,MAAM,CAEzD;AAED,sEAAsE;AACtE,wBAAgB,GAAG,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAExC;AAID,wBAAgB,QAAQ,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAE7C;AAED,kDAAkD;AAClD,wBAAgB,YAAY,CAAC,QAAQ,EAAE,eAAe,GAAG,OAAO,CAE/D;AAED,qEAAqE;AACrE,wBAAgB,cAAc,CAAC,QAAQ,EAAE,eAAe,GAAG,IAAI,CAE9D"}
+{"version":3,"file":"registry.d.ts","sourceRoot":"","sources":["../src/html/registry.ts"],"names":[],"mappings":"AAAA,mDAAmD;AACnD,MAAM,MAAM,eAAe,GACvB,QAAQ,GACR,OAAO,GACP,UAAU,GACV,eAAe,GACf,QAAQ,GACR,SAAS,GACT,QAAQ,GACR,UAAU,GACV,eAAe,GACf,MAAM,GACN,WAAW,GACX,eAAe,GACf,SAAS,GACT,cAAc,GACd,UAAU,GACV,SAAS,GACT,QAAQ,GACR,YAAY,GACZ,SAAS,GACT,OAAO,GACP,gBAAgB,GAChB,MAAM,GACN,OAAO,GACP,YAAY,GACZ,SAAS,GACT,MAAM,GACN,WAAW,CAAC;AAMhB,sEAAsE;AACtE,wBAAgB,SAAS,CAAC,MAAM,EAAE;IAAE,OAAO,EAAE,MAAM,CAAC;IAAC,GAAG,EAAE,MAAM,CAAA;CAAE,GAAG,IAAI,CAGxE;AAED,gCAAgC;AAChC,wBAAgB,SAAS,IAAI;IAAE,OAAO,EAAE,MAAM,CAAC;IAAC,GAAG,EAAE,MAAM,CAAA;CAAE,CAE5D;AAED,gEAAgE;AAChE,wBAAgB,OAAO,CAAC,QAAQ,EAAE,eAAe,GAAG,MAAM,CAEzD;AAED,sEAAsE;AACtE,wBAAgB,GAAG,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAExC;AAID,wBAAgB,QAAQ,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAE7C;AAED,kDAAkD;AAClD,wBAAgB,YAAY,CAAC,QAAQ,EAAE,eAAe,GAAG,OAAO,CAE/D;AAED,qEAAqE;AACrE,wBAAgB,cAAc,CAAC,QAAQ,EAAE,eAAe,GAAG,IAAI,CAE9D"}