@shelamkoff/rector 1.0.0

package/dist/plugins/table/index.js

@@ -0,0 +1,399 @@
+import { sanitizeHtml } from '../../core/sanitize.js'
+import { resolvePath } from '../../shared/resolvePath.js'
+import { BlockPluginAbstract } from '../BlockPluginAbstract.js'
+import { validateTableData } from '../../shared/blockDataValidators.js'
+import { mapTableTextFields } from '../../shared/mapTextFields.js'
+
+const editorStyles = resolvePath('./table.css', import.meta.url)
+
+// Tabler icon: table
+const ICON = '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 5a2 2 0 0 1 2 -2h14a2 2 0 0 1 2 2v14a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2v-14z"/><path d="M3 10h18"/><path d="M10 3v18"/></svg>'
+
+// Tabler icons for settings
+const ICON_ROW_ADD = '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6v4a1 1 0 0 1 -1 1h-14a1 1 0 0 1 -1 -1v-4a1 1 0 0 1 1 -1h14a1 1 0 0 1 1 1z"/><path d="M12 15l0 4"/><path d="M10 17l4 0"/></svg>'
+const ICON_ROW_DEL = '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6v4a1 1 0 0 1 -1 1h-14a1 1 0 0 1 -1 -1v-4a1 1 0 0 1 1 -1h14a1 1 0 0 1 1 1z"/><path d="M10 17l4 0"/></svg>'
+const ICON_COL_ADD = '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M6 4v16a1 1 0 0 0 1 1h4a1 1 0 0 0 1 -1v-16a1 1 0 0 0 -1 -1h-4a1 1 0 0 0 -1 1z"/><path d="M17 10l0 4"/><path d="M15 12l4 0"/></svg>'
+const ICON_COL_DEL = '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M6 4v16a1 1 0 0 0 1 1h4a1 1 0 0 0 1 -1v-16a1 1 0 0 0 -1 -1h-4a1 1 0 0 0 -1 1z"/><path d="M15 12l4 0"/></svg>'
+const ICON_HEADER = '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 5a2 2 0 0 1 2 -2h14a2 2 0 0 1 2 2v14a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2v-14z"/><path d="M3 10h18"/><path d="M10 3v7"/></svg>'
+
+/** Editable rich-text table with row, column, and heading controls. */
+export class Table extends BlockPluginAbstract {
+  static isTextBlock = false
+  static styles = [editorStyles]
+  type = 'table'
+  icon = ICON
+  inlineTools = true
+  mapTextFields = mapTableTextFields
+  pasteConfig = {
+    tags: ['table'],
+  }
+
+  /**
+   * Return the localized toolbox label for this block.
+   * @returns {string}
+   */
+  get title() {
+    return this._t('title', 'Table')
+  }
+
+  /**
+   * Create the editable DOM owned by this block instance.
+   * @param {{ content?: string[][], withHeadings?: boolean }} data
+   * @param {import('../../core/types').BlockMutationContext} context
+   * @returns {HTMLElement}
+   */
+  render(data, context) {
+    const inputRows = Array.isArray(data?.content)
+      ? data.content.filter(Array.isArray)
+      : []
+    const rows = inputRows.length || 3
+    const cols = inputRows.find(row => row.length > 0)?.length || 3
+    const withHeadings = data?.withHeadings === true
+
+    const wrapper = document.createElement('div')
+    wrapper.classList.add('oe-table-wrapper')
+    wrapper.dataset.headings = String(withHeadings)
+
+    const table = document.createElement('table')
+    table.classList.add('oe-table')
+
+    for (let r = 0; r < rows; r++) {
+      const tr = document.createElement('tr')
+      for (let c = 0; c < cols; c++) {
+        const isHeader = withHeadings && r === 0
+        const cell = document.createElement(isHeader ? 'th' : 'td')
+        cell.classList.add('oe-table__cell')
+        cell.contentEditable = 'true'
+        const candidate = inputRows[r]?.[c]
+        const text = typeof candidate === 'string' ? candidate : ''
+        if (text) {
+          cell.innerHTML = sanitizeHtml(text)
+        }
+        tr.appendChild(cell)
+      }
+      table.appendChild(tr)
+    }
+
+    // Tab navigation between cells
+    table.addEventListener('keydown', (e) => {
+      if (e.key === 'Tab') {
+        if (this.#navigateCell(table, e.shiftKey ? -1 : 1)) {
+          e.preventDefault()
+          e.stopPropagation()
+        }
+      }
+      // Prevent Enter from creating new block — insert <br> instead
+      if (e.key === 'Enter' && !e.shiftKey) {
+        e.preventDefault()
+        e.stopPropagation()
+        context.mutate(() => {
+          const sel = window.getSelection()
+          if (sel && sel.rangeCount > 0) {
+            const range = sel.getRangeAt(0)
+            range.deleteContents()
+            const br = document.createElement('br')
+            range.insertNode(br)
+            range.setStartAfter(br)
+            range.collapse(true)
+            sel.removeAllRanges()
+            sel.addRange(range)
+          }
+        })
+      }
+    })
+
+    wrapper.appendChild(table)
+    return wrapper
+  }
+
+  /**
+   * Render block settings controls (add/remove row/col, toggle header).
+   * @param {HTMLElement} element
+   * @returns {HTMLElement[]}
+   */
+  renderSettings(element) {
+    const withHeadings = element.dataset.headings === 'true'
+    const t = (/** @type {string} */ key, /** @type {string} */ fallback) => this._t(key, fallback)
+    const defs = [
+      { icon: ICON_HEADER, label: t('toggleHeader', 'Toggle header'), action: 'header', active: withHeadings },
+      { icon: ICON_ROW_ADD, label: t('addRow', 'Add row'), action: 'row-add' },
+      { icon: ICON_ROW_DEL, label: t('deleteRow', 'Delete row'), action: 'row-del' },
+      { icon: ICON_COL_ADD, label: t('addColumn', 'Add column'), action: 'col-add' },
+      { icon: ICON_COL_DEL, label: t('deleteColumn', 'Delete column'), action: 'col-del' },
+    ]
+
+    return defs.map(item => {
+      const btn = document.createElement('li')
+      btn.setAttribute('role', 'menuitem')
+      btn.setAttribute('tabindex', '-1')
+      btn.className = 'oe-settings-menu__item'
+      if (item.active) btn.classList.add('oe-settings-menu__item--active')
+
+      const ic = document.createElement('span')
+      ic.className = 'oe-settings-menu__icon'
+      ic.innerHTML = item.icon
+      btn.appendChild(ic)
+
+      const lb = document.createElement('span')
+      lb.className = 'oe-settings-menu__label'
+      lb.textContent = item.label
+      btn.appendChild(lb)
+
+      btn.dataset.action = item.action
+      return btn
+    })
+  }
+
+  /**
+   * Handle settings action for table operations.
+   * @param {HTMLElement} element — the table wrapper
+   * @param {string} action
+   * @returns {null}
+   */
+  onSettingsAction(element, action) {
+    const table = element.querySelector('table')
+    if (!table) return null
+
+    switch (action) {
+      case 'header':
+        this.#toggleHeader(element, table)
+        break
+      case 'row-add':
+        this.#addRow(table)
+        break
+      case 'row-del':
+        this.#deleteRow(table)
+        break
+      case 'col-add':
+        this.#addColumn(table)
+        break
+      case 'col-del':
+        this.#deleteColumn(table)
+        break
+    }
+
+    return null
+  }
+
+  /**
+   * Serialize the current block DOM into document data.
+   * @param {HTMLElement} element
+   * @returns {{ content: string[][], withHeadings: boolean }}
+   */
+  save(element) {
+    const table = element.querySelector('table')
+    if (!table) return { content: [['']], withHeadings: false }
+
+    const content = []
+    for (const tr of table.rows) {
+      const row = []
+      for (const cell of tr.cells) {
+        row.push(cell.innerHTML.trim())
+      }
+      content.push(row)
+    }
+
+    return {
+      content,
+      withHeadings: element.dataset.headings === 'true',
+    }
+  }
+
+  /**
+   * Check whether serialized data satisfies this block's schema.
+   * @param {{ content?: string[][] }} data
+   * @returns {boolean}
+   */
+  validate(data) {
+    return validateTableData(data)
+  }
+
+  /**
+   * Extract neutral text that can initialize another block type.
+   * @param {HTMLElement} element
+   * @returns {{ text: string }}
+   */
+  exportData(element) {
+    const table = element.querySelector('table')
+    if (!table) return { text: '' }
+    const rows = [...table.rows].map(row => (
+      [...row.cells]
+        .map(cell => sanitizeHtml(cell.innerHTML.trim()))
+        .filter(Boolean)
+        .join(' — ')
+    )).filter(Boolean)
+    return { text: rows.join('<br>') }
+  }
+
+  /**
+   * Check whether the block has no meaningful user content.
+   * @param {HTMLElement} element
+   * @returns {boolean}
+   */
+  isEmpty(element) {
+    const table = element.querySelector('table')
+    if (!table) return true
+    for (const cell of table.querySelectorAll('td, th')) {
+      if ((cell.textContent?.trim().length ?? 0) > 0) return false
+    }
+    return true
+  }
+
+  /**
+   * Handle pasted table elements.
+   * @param {import('../../types').TagPasteEvent} event
+   * @returns {{ content: string[][], withHeadings: boolean } | null}
+   */
+  onPaste(event) {
+    if (event.type !== 'tag') return null
+    const table = event.element.tagName === 'TABLE'
+      ? event.element
+      : event.element.querySelector('table')
+    if (!table) return null
+
+    const content = []
+    const rows = table.querySelectorAll('tr')
+    for (const tr of rows) {
+      const row = []
+      for (const cell of tr.querySelectorAll('td, th')) {
+        row.push(cell.innerHTML.trim())
+      }
+      if (row.length > 0) content.push(row)
+    }
+    if (content.length === 0) return null
+    const firstContentRow = [...rows].find(row => row.querySelector('td, th'))
+    const withHeadings = !!firstContentRow
+      && [...firstContentRow.querySelectorAll('td, th')].some(cell => cell.tagName === 'TH')
+    return { content, withHeadings }
+  }
+
+  // ── Private — table operations ─────────────────────────────────────────────
+
+  /**
+   * Toggle header row (th ↔ td for first row).
+   * @param {HTMLElement} wrapper
+   * @param {HTMLTableElement} table
+   * @returns {void}
+   */
+  #toggleHeader(wrapper, table) {
+    const firstRow = table.rows[0]
+    if (!firstRow) return
+
+    const isHeader = wrapper.dataset.headings === 'true'
+    const newIsHeader = !isHeader
+    wrapper.dataset.headings = String(newIsHeader)
+
+    const newTag = newIsHeader ? 'th' : 'td'
+    for (const cell of [...firstRow.cells]) {
+      const newCell = document.createElement(newTag)
+      newCell.className = 'oe-table__cell'
+      newCell.contentEditable = 'true'
+      newCell.innerHTML = cell.innerHTML
+      cell.replaceWith(newCell)
+    }
+  }
+
+  /**
+   * Add a row at the end.
+   * @param {HTMLTableElement} table
+   * @returns {void}
+   */
+  #addRow(table) {
+    const cols = table.rows[0]?.cells.length || 1
+    const tr = document.createElement('tr')
+    for (let c = 0; c < cols; c++) {
+      const td = document.createElement('td')
+      td.className = 'oe-table__cell'
+      td.contentEditable = 'true'
+      tr.appendChild(td)
+    }
+    table.appendChild(tr)
+  }
+
+  /**
+   * Delete the last row (keep at least 1).
+   * @param {HTMLTableElement} table
+   * @returns {void}
+   */
+  #deleteRow(table) {
+    if (table.rows.length <= 1) return
+    table.deleteRow(table.rows.length - 1)
+  }
+
+  /**
+   * Add a column at the end.
+   * @param {HTMLTableElement} table
+   * @returns {void}
+   */
+  #addColumn(table) {
+    const wrapper = /** @type {HTMLElement | null} */ (table.closest('.oe-table-wrapper'))
+    const isHeader = wrapper ? wrapper.dataset.headings === 'true' : false
+
+    for (let r = 0; r < table.rows.length; r++) {
+      const row = table.rows[r]
+      if (!row) continue
+      const tag = (isHeader && r === 0) ? 'th' : 'td'
+      const cell = document.createElement(tag)
+      cell.className = 'oe-table__cell'
+      cell.contentEditable = 'true'
+      row.appendChild(cell)
+    }
+  }
+
+  /**
+   * Delete the last column (keep at least 1).
+   * @param {HTMLTableElement} table
+   * @returns {void}
+   */
+  #deleteColumn(table) {
+    const cols = table.rows[0]?.cells.length || 0
+    if (cols <= 1) return
+
+    for (const row of table.rows) {
+      row.deleteCell(row.cells.length - 1)
+    }
+  }
+
+  /**
+   * Navigate to adjacent cell.
+   * @param {HTMLTableElement} table
+   * @param {number} direction — 1 for forward, -1 for backward
+   * @returns {boolean} Whether focus moved to another cell.
+   */
+  #navigateCell(table, direction) {
+    const cells = /** @type {HTMLElement[]} */ ([...table.querySelectorAll('td, th')])
+    const sel = window.getSelection()
+    if (!sel || sel.rangeCount === 0) return false
+
+    const activeCell = /** @type {HTMLElement | null} */ (
+      sel.anchorNode?.nodeType === Node.ELEMENT_NODE
+        ? /** @type {HTMLElement} */ (sel.anchorNode).closest('td, th')
+        : sel.anchorNode?.parentElement?.closest('td, th')
+    )
+
+    if (!activeCell || !table.contains(activeCell)) {
+      const first = cells[0]
+      if (!first) return false
+      first.focus()
+      return true
+    }
+
+    const idx = cells.indexOf(activeCell)
+    const next = cells[idx + direction]
+    if (next) {
+      next.focus()
+      // Place caret at start or end
+      const range = document.createRange()
+      if (direction > 0) {
+        range.setStart(next, 0)
+      } else {
+        range.selectNodeContents(next)
+        range.collapse(false)
+      }
+      sel.removeAllRanges()
+      sel.addRange(range)
+      return true
+    }
+    return false
+  }
+}

package/dist/plugins/table/locale/en.d.ts

@@ -0,0 +1,9 @@
+declare const _default: {
+    'plugin.table.title': string;
+    'plugin.table.toggleHeader': string;
+    'plugin.table.addRow': string;
+    'plugin.table.deleteRow': string;
+    'plugin.table.addColumn': string;
+    'plugin.table.deleteColumn': string;
+};
+export default _default;

package/dist/plugins/table/locale/en.js

@@ -0,0 +1,8 @@
+export default {
+  'plugin.table.title': 'Table',
+  'plugin.table.toggleHeader': 'Toggle header',
+  'plugin.table.addRow': 'Add row',
+  'plugin.table.deleteRow': 'Delete row',
+  'plugin.table.addColumn': 'Add column',
+  'plugin.table.deleteColumn': 'Delete column',
+}

package/dist/plugins/table/locale/keys.d.ts

@@ -0,0 +1,5 @@
+import enLocale from './en.js'
+
+declare module '../../../core/types.js' {
+  interface I18nMessages extends Record<keyof typeof enLocale, string> {}
+}

package/dist/plugins/table/locale/ru.d.ts

@@ -0,0 +1,9 @@
+declare const _default: {
+    'plugin.table.title': string;
+    'plugin.table.toggleHeader': string;
+    'plugin.table.addRow': string;
+    'plugin.table.deleteRow': string;
+    'plugin.table.addColumn': string;
+    'plugin.table.deleteColumn': string;
+};
+export default _default;

package/dist/plugins/table/locale/ru.js

@@ -0,0 +1,8 @@
+export default {
+  'plugin.table.title': 'Таблица',
+  'plugin.table.toggleHeader': 'Переключить заголовок',
+  'plugin.table.addRow': 'Добавить строку',
+  'plugin.table.deleteRow': 'Удалить строку',
+  'plugin.table.addColumn': 'Добавить столбец',
+  'plugin.table.deleteColumn': 'Удалить столбец',
+}

package/dist/plugins/table/table.css

@@ -0,0 +1,58 @@
+.oe-table-wrapper {
+  overflow-x: auto;
+  -webkit-overflow-scrolling: touch;
+}
+
+.oe-table {
+  width: 100%;
+  border-collapse: collapse;
+  border: 1px solid var(--oe-border, #1a1a1a);
+  border-radius: var(--oe-radius-sm, 4px);
+  font-size: var(--oe-font-size, 15px);
+  line-height: var(--oe-line-height, 1.7);
+  color: var(--oe-text-1, #f5f5f5);
+  font-family: var(--oe-font, inherit);
+}
+
+.oe-table__cell {
+  padding: 8px 12px;
+  border: 1px solid var(--oe-border, #1a1a1a);
+  outline: none;
+  word-break: break-word;
+  white-space: pre-wrap;
+  vertical-align: top;
+  min-width: 80px;
+}
+
+.oe-table__cell:focus {
+  background: var(--oe-accent-alpha, rgba(67, 87, 180, 0.15));
+}
+
+/* Header row */
+.oe-table-wrapper[data-headings="true"] th.oe-table__cell {
+  background: var(--oe-surface, #0a0a0a);
+  font-weight: 600;
+  color: var(--oe-text-1, #f5f5f5);
+}
+
+/* Inline formatting inside cells */
+.oe-table__cell b,
+.oe-table__cell strong {
+  font-weight: 600;
+}
+
+.oe-table__cell a {
+  color: var(--oe-text-2, #c4c4c4);
+  text-decoration: underline;
+  text-underline-offset: 3px;
+}
+
+.oe-table__cell a:hover {
+  color: var(--oe-text-1, #f5f5f5);
+}
+
+.oe-table__cell mark {
+  padding: 1px 4px;
+  background: var(--oe-mark-bg, rgba(245, 166, 35, 0.2));
+  border-radius: 3px;
+}

package/dist/plugins/toggle/README.md

@@ -0,0 +1,56 @@
+# Toggle block plugin
+
+Collapsible block with editable title, rich content, and persistent open state.
+
+## Install and register
+
+```bash
+npm install @shelamkoff/rector
+```
+
+```js
+import { createEditor } from '@shelamkoff/rector'
+import { Toggle } from '@shelamkoff/rector/plugins/toggle'
+import '@shelamkoff/rector/styles/editor.css'
+
+const editor = createEditor({
+  holder: document.querySelector('#editor'),
+  plugins: [new Toggle()],
+})
+```
+
+The registered block type is `toggle`. The class is also exported by the complete `@shelamkoff/rector/plugins` preset and can be loaded through `@shelamkoff/rector/plugins/async`.
+
+## Data
+
+```json
+{ "title": "Details", "content": "Hidden text", "open": false }
+```
+
+### Field reference
+
+| Field | Required | Meaning and constraints |
+| --- | --- | --- |
+| `title` | yes | String containing sanitized inline HTML; it may be empty. |
+| `content` | yes | String containing sanitized inline HTML; it may be empty. |
+| `open` | no | Boolean initial disclosure state; defaults to `false` when omitted. |
+
+At least one of `title` and `content` must be non-blank. The persisted `open` value lets the renderer reproduce the chosen initial state.
+
+## Configuration
+
+Every built-in block plugin accepts two style ownership options: `injectStyles?: boolean` defaults to `true`; set it to `false` when the host bundles that plugin's CSS. `css?: string` adds one host-provided stylesheet URL after the plugin default, or acts as the replacement URL when default injection is disabled.
+
+## Capabilities
+
+Inline formatting; editable title/content; merge; persistent disclosure state; keyboard-accessible renderer.
+
+## Undo, lifecycle, and styles
+
+User actions exposed by the plugin enter the command pipeline through the supplied `context.mutate()` capability, so each completed action is one undo/redo step. The editor reference-counts the plugin's declared stylesheet URLs. Removing a block calls its cleanup hook; removing the editor calls `destroy()` for every remaining block and then releases shared plugin resources.
+
+Do not remove the editor holder without first calling `editor.destroy()`.
+
+## Document output
+
+Use the matching renderer from `@shelamkoff/rector/renderer/renderers/toggle`. The VitePress guide documents configuration, commands and history, extension contracts, document migrations, styling, security, and lifecycle in a sequential form.

package/dist/plugins/toggle/README.ru.md

@@ -0,0 +1,57 @@
+# Блочный плагин Toggle
+
+Сворачиваемый блок с заголовком, форматируемым содержимым и сохраняемым состоянием.
+
+## Установка и регистрация
+
+```bash
+npm install @shelamkoff/rector
+```
+
+```js
+import { createEditor } from '@shelamkoff/rector'
+import { Toggle } from '@shelamkoff/rector/plugins/toggle'
+import '@shelamkoff/rector/styles/editor.css'
+
+const editor = createEditor({
+  holder: document.querySelector('#editor'),
+  plugins: [new Toggle()],
+})
+```
+
+Тип блока — `toggle`. Класс также экспортируется общей точкой входа `@shelamkoff/rector/plugins` и может загружаться по типу документа через `@shelamkoff/rector/plugins/async`.
+
+## Данные
+
+```json
+{ "title": "Подробности", "content": "Скрытый текст", "open": false }
+```
+
+### Поля данных
+
+| Поле | Обязательно | Назначение и ограничения |
+| --- | --- | --- |
+| `title` | да | Строка с очищенным внутристрочным HTML; может быть пустой. |
+| `content` | да | Строка с очищенным внутристрочным HTML; может быть пустой. |
+| `open` | нет | Логическое значение исходного состояния раскрытия; при отсутствии считается `false`. |
+
+Хотя бы одно из полей `title` и `content` должно быть непустым. Сохранённое значение `open` позволяет рендереру воспроизвести выбранное исходное состояние.
+
+## Конфигурация
+
+Каждый встроенный блочный плагин принимает два параметра владения стилями: `injectStyles?: boolean` по умолчанию равен `true`; укажите `false`, если приложение само включает CSS этого плагина. `css?: string` добавляет URL таблицы стилей приложения после стандартной, а при отключённой стандартной инъекции служит URL замены.
+
+
+## Возможности
+
+Форматирование; редактирование заголовка и содержимого; объединение; сохраняемое раскрытие; клавиатурная доступность.
+
+## История, жизненный цикл и стили
+
+Действия плагина входят в конвейер команд через предоставленный контекст `mutate()`, поэтому одно завершённое действие создаёт один шаг отмены и повтора. Редактор подсчитывает владельцев объявленных URL стилей. Удаление блока вызывает его метод освобождения ресурсов; `editor.destroy()` освобождает оставшиеся блоки и общие ресурсы.
+
+Не удаляйте контейнер редактора до вызова `editor.destroy()`.
+
+## Вывод документа
+
+Используйте фабричную функцию из `@shelamkoff/rector/renderer/renderers/toggle`. Последовательное руководство VitePress описывает проверку данных, миграции, разработку расширений, диагностику, безопасность и стили.

package/dist/plugins/toggle/index.d.ts

@@ -0,0 +1,69 @@
+import type {} from './locale/keys.js'
+/** Expandable rich-text block with an editable title and body. */
+export class Toggle extends BlockPluginAbstract<Record<string, any>> {
+    static isTextBlock: boolean;
+    static styles: string[];
+    constructor(config?: Record<string, any>);
+    type: string;
+    icon: string;
+    inlineTools: boolean;
+    mapTextFields: typeof mapToggleTextFields;
+    /**
+     * Return the localized toolbox label for this block.
+     * @returns {string}
+     */
+    get title(): string;
+    /**
+     * Create the editable DOM owned by this block instance.
+     * @param {{ title?: string, content?: string, open?: boolean }} data
+     * @param {import('../../core/types.js').BlockMutationContext} context
+     * @returns {HTMLElement}
+     */
+    render(data: {
+        title?: string;
+        content?: string;
+        open?: boolean;
+    }, context: import("../../core/types.js").BlockMutationContext): HTMLElement;
+    /**
+     * Serialize the current block DOM into document data.
+     * @param {HTMLElement} element
+     * @returns {{ title: string, content: string, open: boolean }}
+     */
+    save(element: HTMLElement): {
+        title: string;
+        content: string;
+        open: boolean;
+    };
+    /**
+     * Check whether serialized data satisfies this block's schema.
+     * @param {Record<string, unknown>} data @returns {boolean}
+     */
+    validate(data: Record<string, unknown>): boolean;
+    /**
+     * Check whether the block has no meaningful user content.
+     * @param {HTMLElement} element @returns {boolean}
+     */
+    isEmpty(element: HTMLElement): boolean;
+    /**
+     * Extract neutral rich text that can initialize another block type.
+     * @param {HTMLElement} element @returns {{ text: string }}
+     */
+    exportData(element: HTMLElement): {
+        text: string;
+    };
+    /**
+     * Merge incoming text into the current block.
+     * @param {HTMLElement} element
+     * @param {Record<string, unknown>} data
+     * @returns {void}
+     */
+    merge(element: HTMLElement, data: Record<string, unknown>): void;
+    /**
+     * Release state owned by one rendered block.
+     * @param {HTMLElement} element
+     * @returns {void}
+     */
+    destroy(element: HTMLElement): void;
+}
+import { BlockPluginAbstract } from '../BlockPluginAbstract.js';
+import { mapToggleTextFields } from '../../shared/mapTextFields.js';