commspliant-html-editor 0.0.1

package/README.md

@@ -0,0 +1,315 @@
+# commspliant-html-editor
+
+**Try it out here:** [https://htmleditor.commspliant.com/](https://htmleditor.commspliant.com/)
+
+Reusable React + TypeScript editor with two base modes: **Visual** (`contenteditable`) and **HTML** (plain-text source). Downstream apps import the package; they do not copy source.
+
+## Install
+
+```bash
+npm install commspliant-html-editor
+```
+
+## Usage
+
+Peer dependencies: `react` and `react-dom` (^18).
+
+```tsx
+import { useState } from 'react'
+import { Editor } from 'commspliant-html-editor'
+import 'commspliant-html-editor/styles.css'
+
+export function App() {
+  const [fullscreen, setFullscreen] = useState(false)
+
+  return (
+    <Editor
+      defaultValue="<p>Hello <strong>world</strong></p>"
+      placeholder="Start writing…"
+      fullscreen={fullscreen}
+      onFullscreenChange={setFullscreen}
+    />
+  )
+}
+```
+
+### Props
+
+| Prop | Type | Default | Description |
+| --- | --- | --- | --- |
+| `value` | `string` | — | Controlled HTML document |
+| `defaultValue` | `string` | `''` | Initial HTML when uncontrolled |
+| `onChange` | `(html: string) => void` | — | Fires when either surface edits the document |
+| `mode` | `'visual' \| 'html'` | — | Controlled mode |
+| `defaultMode` | `'visual' \| 'html'` | `'visual'` | Initial mode when uncontrolled |
+| `onModeChange` | `(mode: EditorMode) => void` | — | Fires when the built-in Visual / HTML toggle is used |
+| `fullscreen` | `boolean` | — | Controlled full-screen overlay |
+| `defaultFullscreen` | `boolean` | `false` | Initial overlay when uncontrolled |
+| `onFullscreenChange` | `(fullscreen: boolean) => void` | — | Fires when full screen is entered or exited |
+| `placeholder` | `string` | — | Empty-state hint |
+| `disabled` | `boolean` | — | Disables both surfaces, menus, toolbar commands, and the Visual / HTML / Full screen toggles |
+| `className` | `string` | — | Extra class on the editor root |
+| `locale` | `'en' \| 'es'` | `'en'` | Library chrome language. Document content is not translated |
+| `toolbarBackground` | `string` | `#f0f0f0` | CSS color for the icon toolbar row. Omit to use the default light gray |
+| `menuColor` | `string` | `#444` | CSS color for menu bar text and dropdown items |
+| `menuBackground` | `string` | `#fff` | CSS color for the menu bar and dropdown panel |
+| `menuFontSize` | `string` | `0.875rem` | CSS font-size for menu triggers and items. Omit to use the default |
+| `menuFontFamily` | `string` | inherit | CSS font-family for menus. Omit to inherit `system-ui, sans-serif`. Load webfonts on the host page before passing a custom family |
+| `border` | `'none' \| EditorBorder` | `1px` `#d0d0d0`, radius `6px` | Outer editor box. `'none'` removes width, radius, and shadow. Object fields (`width`, `color`, `radius`, `shadow`) are independent; omitted fields keep the defaults |
+| `menuVisible` | `boolean` | `true` | Show the dropdown menu bar. Set `false` to hide it |
+| `toolbarVisible` | `boolean` | `true` | Show the icon toolbar. Set `false` to hide it |
+| `customActions` | `CustomAction[]` | — | Host-defined menu items and/or toolbar buttons. See [Custom actions](#custom-actions) |
+| `customFonts` | `CustomFont[]` | — | Extra document font faces after the built-in web-safe list. See [Custom fonts](#custom-fonts) |
+| `transformHtml` | `(html: string) => string` | — | Optional map over document HTML before it is stored and passed to `onChange`. See [Transform HTML](#transform-html) |
+| `customImagePicker` | `CustomImagePicker` | — | Optional third Insert image source. See [Custom image picker](#custom-image-picker) |
+| `disableBuiltinImageInsert` | `boolean` | `false` | Skip the Insert image dialog and call `customImagePicker.onPick` from the toolbar or Insert menu |
+
+`mode`, `value`, and `fullscreen` are optional. Omit them for internal state; pass them to control from the parent. Chrome includes a File menu (Save, Load, and Print), an Edit menu (Undo and Redo), an Insert menu (Link and Bookmark), a File icon group (Save and Load), a Print icon group, an Edit icon group (Undo and Redo), an Insert icon group (Link and Bookmark), and the Visual | HTML | Full screen toggle unless `menuVisible` or `toolbarVisible` is `false`. Hide both to drop the chrome slot entirely. Full screen covers the host page with a fixed overlay; an X control (and Escape) returns to the in-page layout. Visual and HTML mode stay independent of the overlay. Save writes the current document to an HTML file; Load replaces it from an HTML file. Print opens the browser print dialog for the document HTML only (not the editor chrome). Undo and Redo walk document HTML history; they are grayed out when there is nothing to undo or redo. The File, Edit, and Insert menu items use the same icons as the toolbar buttons. Link wraps the selection (or inserts the URL as the visible text at the caret) in an `<a href>` tag; an optional title becomes the native hover tooltip, and opening in a new tab sets `target="_blank"`. Bookmark inserts a named destination (`id`) at the caret or around the selection.
+
+`menuColor`, `menuBackground`, `menuFontSize`, and `menuFontFamily` restyle the dropdown menu bar and panels only — not the icon toolbar. `border` is the outer editor box and is ignored in fullscreen. Custom menu fonts must already be available on the page.
+
+The toolbar Font dropdown lists web-safe faces (Arial, Georgia, Times New Roman, and the rest of the usual stacks). Choose **Default** to clear an authored `font-family` so the text inherits. Applied faces are written as inline `style="font-family: …"` on the selection (or the page shell from Page properties).
+
+### Editor chrome
+
+Show or hide the menu bar and icon toolbar, and control the full-screen overlay from the host.
+
+```tsx
+import { useState } from 'react'
+import { Editor } from 'commspliant-html-editor'
+
+export function App() {
+  const [fullscreen, setFullscreen] = useState(false)
+
+  return (
+    <Editor
+      menuVisible
+      toolbarVisible
+      fullscreen={fullscreen}
+      onFullscreenChange={setFullscreen}
+    />
+  )
+}
+```
+
+```tsx
+import { Editor } from 'commspliant-html-editor'
+
+<Editor menuVisible={false} toolbarVisible={false} />
+```
+
+### Menu appearance
+
+Restyle the dropdown menu bar only — not the icon toolbar. Load any custom webfont on the host page before passing its family name.
+
+```tsx
+import { Editor } from 'commspliant-html-editor'
+
+<Editor
+  menuColor="#1e3a5f"
+  menuBackground="#fef3c7"
+  menuFontSize="1.05rem"
+  menuFontFamily="Georgia, serif"
+/>
+```
+
+### Editor border
+
+Set the outer editor box. Use `"none"` to remove width, radius and shadow. Object fields are independent; omitted fields keep the defaults. Ignored in full screen.
+
+```tsx
+import { Editor } from 'commspliant-html-editor'
+
+<Editor border="none" />
+```
+
+```tsx
+import { Editor, type EditorBorder } from 'commspliant-html-editor'
+
+const border: EditorBorder = {
+  width: '2px',
+  color: '#2563eb',
+  radius: '12px',
+  shadow: '0 8px 24px rgb(0 0 0 / 15%)',
+}
+
+<Editor border={border} />
+```
+
+### Locale
+
+Pass `locale` to switch library chrome between English and Spanish. Document content is not translated.
+
+```tsx
+import { Editor } from 'commspliant-html-editor'
+
+<Editor locale="en" />
+```
+
+```tsx
+import { Editor } from 'commspliant-html-editor'
+
+<Editor locale="es" />
+```
+
+### Custom fonts
+
+Pass `customFonts` to append host faces after the built-in list. Duplicate `family` values are ignored. Optional `css` is a stylesheet URL (Google Fonts CSS, or a host file with `@font-face`) — not a raw `.woff2`. The editor loads those stylesheets for the picker preview. When a webfont is used in the document, its `<link rel="stylesheet">` is prepended to the HTML `onChange` receives, so the snippet still loads the face outside the editor.
+
+```tsx
+<Editor
+  customFonts={[
+    {
+      name: 'Roboto',
+      family: 'Roboto, sans-serif',
+      css: 'https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap',
+    },
+  ]}
+/>
+```
+
+### Transform HTML
+
+Pass `transformHtml` to sanitize or enhance the document on every write: visual typing and paste, HTML-source edits, Load, inserts, and `setHtml`. The result is what the editor stores and what `onChange` receives. Inbound `value` / `defaultValue` are not transformed — sanitize those before passing if needed.
+
+```tsx
+<Editor
+  defaultValue="<p>Hello</p>"
+  transformHtml={(html) => html.replace(/<script[\s\S]*?<\/script>/gi, '')}
+/>
+```
+
+Keep the callback idempotent. If it rewrites markup on every keystroke (pretty-print, wrap tags), the visual surface resyncs `innerHTML` and the caret may jump. Prefer stripping disallowed tags over format-on-type.
+
+### Custom actions
+
+Pass a `customActions` array to add host buttons, menu items, or both. Labels and tooltips are your copy — the library does not translate them.
+
+```tsx
+import { Editor, type CustomAction } from 'commspliant-html-editor'
+
+const insertStamp: CustomAction = {
+  id: 'stamp',
+  label: 'Stamp',
+  showIn: 'both',
+  menu: { id: 'tools', label: 'Tools' },
+  onAction: (api) => {
+    api.insertHtml('<p>[stamp]</p>')
+  },
+}
+
+<Editor customActions={[insertStamp]} />
+```
+
+Each object:
+
+| Field | Type | Description |
+| --- | --- | --- |
+| `id` | `string` | Stable id. Must not collide with built-ins (`save`, `open`, `undo`, `redo`, `visual`, `html`, `fullscreen`) |
+| `label` | `string` | Menu item text; also the toolbar tooltip and accessible name when those are omitted |
+| `tooltip` | `string` | Toolbar tooltip. Defaults to `label` |
+| `icon` | React component | Optional 16×16 icon. Omit to use the built-in custom-action icon |
+| `showIn` | `'menu'` \| `'toolbar'` \| `'both'` | Which chrome surfaces show the action |
+| `menu` | `{ id?: string; label?: string }` | Menu placement. Built-in ids: `file`, `edit`, `insert`, `view`, `format`. Other ids create a new top-level menu. Default id: `custom` |
+| `toolbarGroup` | `string` | Icon group. Built-in ids: `file`, `edit`, `insert`, `view`. Other ids create a group at the end. Default: `custom` |
+| `onAction` | `(api: CustomActionApi) => void` | Called when the item is activated |
+
+**Placement**
+
+- New top-level menu: `{ menu: { id: 'tools', label: 'Tools' } }`
+- Item in an existing menu: `{ menu: { id: 'file' } }`
+- Existing toolbar group: `{ toolbarGroup: 'file' }`
+- Array order is the order inside the target menu or group
+- `showIn: 'menu'` skips the toolbar; `'toolbar'` skips the menu
+
+When the action runs, `onAction` receives a snapshot of the caret or selection plus edit helpers. You choose the outcome:
+
+| Method | Effect |
+| --- | --- |
+| `api.selection.text` | Selected plain text, or `''` if the caret is collapsed |
+| `api.selection.start` / `end` | Offsets (visual: `textContent`; HTML mode: textarea indices) |
+| `api.insertHtml(html, formattedText?)` | Insert HTML at the caret, or replace the selection. Pass `formattedText` to insert visible text instead of parsing markup |
+| `api.insertText(text)` | Insert formatted text at the caret, or replace the selection |
+| `api.setHtml(html)` | Replace the entire document |
+| `api.getHtml()` | Current document HTML |
+
+The snapshot is taken before chrome steals focus, so a host dialog can call `insertHtml` later and still hit the original caret or selection.
+
+Both modes share one HTML string. Switching Visual → HTML flushes the contenteditable markup into the textarea; switching back mounts that string into the visual surface.
+
+### Custom image picker
+
+Pass `customImagePicker` to add a third Insert image source. Labels are your copy — the library does not translate them. When the host finishes picking, call the `insertImage` function received by `onPick`.
+
+```tsx
+import { Editor, type CustomImagePicker } from 'commspliant-html-editor'
+
+const gallery: CustomImagePicker = {
+  text: 'Gallery',
+  description: 'Choose from your media library.',
+  buttonCaption: 'Open gallery',
+  onPick: (insertImage) => {
+    openHostGallery().then((picked) => {
+      insertImage({
+        src: picked.url,
+        alt: picked.alt,
+        title: picked.title,
+        css: 'width: 200px; border-radius: 8px',
+      })
+    })
+  },
+}
+
+<Editor customImagePicker={gallery} />
+```
+
+| Field | Type | Description |
+| --- | --- | --- |
+| `text` | `string` | Third source / navigation button label |
+| `description` | `string` | Shown on the custom source panel |
+| `buttonCaption` | `string` | Caption of the button that starts the host picker |
+| `onPick` | `(insertImage) => void` | Called when that button is clicked. Call `insertImage` with a URL or raster data URL, plus optional `alt`, `title`, and inline `css` |
+
+Omit `customImagePicker` to keep File and URL only. Set `disableBuiltinImageInsert` to skip the dialog: Insert → Image and the toolbar Image button call `onPick` immediately.
+
+```tsx
+<Editor customImagePicker={gallery} disableBuiltinImageInsert />
+```
+
+`insertImage` uses the same insert path as File and URL: an `<img>` with inline `max-width: 100%; height: auto`, then any host `css`. `src` must be `http(s)`, a relative path, or a raster `data:` URL.
+
+### Style isolation
+
+The shipped CSS resets inherited styles on the editor root and restyles chrome and the visual document so typical host-page rules (`p`, `button`, `textarea`, inherited typography) do not restyle the editor. Pass `className` on the root to override that look on purpose. Isolation is not a hard boundary: high-specificity host selectors or `!important` can still win.
+
+## Development
+
+```bash
+make install            # npm install
+make dev                # playground at the Vite dev server
+make build              # static playground to dist/ (index.html for hosting)
+make build-lib          # library to dist/ (es, cjs, types, CSS)
+make preview            # serve dist/ locally
+make test               # vitest
+make storybook          # Storybook on port 6006
+```
+
+`make build` and `make build-lib` both write to `dist/` and overwrite each other. Use `make build` for the hosted demo; use `make build-lib` when packaging the library.
+
+- `src/` is the library. Public exports live in `src/index.ts`.
+- `playground/` is a consumer app: it imports `commspliant-html-editor` the same way other projects will. No editor logic belongs there.
+- Stories (`*.stories.tsx`) sit next to public UI and are the visual contract.
+- Tests (`*.test.ts(x)`) sit next to modules.
+
+The live demo is the playground static build. DigitalOcean App Platform defaults (`npm run build`, output `dist`) match this. Deploy a **static site** from the repo root with:
+
+- **Build command:** `npm run build` (or leave the Node default)
+- **Output directory:** `dist` (not `playground/dist`)
+- **Source directory:** `/`
+- **Node:** 18+ (this repo pins 20 via `.nvmrc`; set `NODE_VERSION=20` if the build image ignores it)
+
+```tsx
+import { Editor } from 'commspliant-html-editor'
+```
+
+[Brought to you by CommsPliant Communication](https://commspliant.com/)

package/dist/commspliant-html-editor.css

@@ -0,0 +1 @@
+._menu_uy4s1_1{position:fixed;z-index:1150;display:flex;flex-direction:column;min-width:12rem;margin:0;padding:.25rem 0;border:1px solid #d0d0d0;border-radius:4px;background:#fff;box-shadow:0 4px 12px #00000014;color:#444;font:.875rem/1.4 system-ui,sans-serif}._item_uy4s1_17{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:flex;align-items:center;width:100%;margin:0;padding:.4rem .75rem;border:0;border-radius:0;background:transparent;color:inherit;font:inherit;text-align:start;white-space:nowrap;cursor:pointer;box-shadow:none}._item_uy4s1_17:hover,._item_uy4s1_17:focus-visible{background:#f0f0f0;color:#111}._item_uy4s1_17:focus-visible{outline:2px solid #8ab4ff;outline-offset:-2px}._item_uy4s1_17:disabled{cursor:not-allowed;opacity:.5}._item_uy4s1_17:disabled:hover,._item_uy4s1_17:disabled:focus-visible{background:transparent;color:inherit}._separator_uy4s1_57{height:1px;margin:.25rem .5rem;background:#d0d0d0;border:0}._picker_vmqkv_1{display:flex;flex-direction:column;gap:.45rem;box-sizing:border-box;width:14.5rem;padding:.4rem .5rem .5rem;color:#222;font:.75rem/1.2 system-ui,sans-serif}._none_vmqkv_12,._customToggle_vmqkv_13,._eyedrop_vmqkv_14{display:flex;align-items:center;gap:.4rem;width:100%;margin:0;padding:.25rem .35rem;border:0;border-radius:3px;background:transparent;color:inherit;font:inherit;text-align:start;cursor:pointer}._none_vmqkv_12:hover,._none_vmqkv_12:focus-visible,._customToggle_vmqkv_13:hover,._customToggle_vmqkv_13:focus-visible,._eyedrop_vmqkv_14:hover,._eyedrop_vmqkv_14:focus-visible{background:#e8f0fe;outline:none}._none_vmqkv_12[aria-checked=true],._none_vmqkv_12[aria-selected=true]{font-weight:600}._none_vmqkv_12:disabled,._customToggle_vmqkv_13:disabled,._eyedrop_vmqkv_14:disabled,._swatch_vmqkv_48:disabled,._field_vmqkv_49 input:disabled{cursor:not-allowed;opacity:.5}._grid_vmqkv_54,._recents_vmqkv_55{display:grid;grid-template-columns:repeat(8,1.25rem);gap:.22rem;justify-content:space-between}._swatch_vmqkv_48{box-sizing:border-box;width:1.25rem;height:1.25rem;padding:0;border:1px solid #c8c8c8;border-radius:2px;cursor:pointer}._swatch_vmqkv_48:hover,._swatch_vmqkv_48:focus-visible{outline:2px solid #8ab4ff;outline-offset:1px}._swatch_vmqkv_48[aria-checked=true],._swatch_vmqkv_48[aria-selected=true]{outline:2px solid #111;outline-offset:1px}._sectionLabel_vmqkv_84{margin:.15rem 0 0;font-weight:600}._custom_vmqkv_13{display:flex;flex-direction:column;gap:.45rem}._sv_vmqkv_95{position:relative;width:100%;height:7.5rem;border:1px solid #c8c8c8;border-radius:3px;cursor:crosshair;touch-action:none}._svThumb_vmqkv_105{position:absolute;width:.7rem;height:.7rem;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #111;transform:translate(-50%,-50%);pointer-events:none}._hue_vmqkv_116{width:100%;height:.85rem;margin:0;padding:0;border-radius:3px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:linear-gradient(to right,red,#ff0,#0f0,#0ff,#00f,#f0f,red);cursor:pointer}._hue_vmqkv_116::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:.7rem;height:.85rem;border:2px solid #fff;border-radius:2px;background:transparent;box-shadow:0 0 0 1px #111}._hue_vmqkv_116::-moz-range-thumb{width:.7rem;height:.85rem;border:2px solid #fff;border-radius:2px;background:transparent;box-shadow:0 0 0 1px #111}._rgbRow_vmqkv_155,._hexRow_vmqkv_156{display:flex;align-items:center;gap:.3rem}._field_vmqkv_49{display:flex;flex:1 1 0;flex-direction:column;gap:.1rem;min-width:0}._field_vmqkv_49 label{font-weight:600}._field_vmqkv_49 input{box-sizing:border-box;width:100%;margin:0;padding:.15rem .25rem;border:1px solid #c8c8c8;border-radius:3px;font:inherit}._hexRow_vmqkv_156 ._field_vmqkv_49{flex:1 1 auto}._eyedrop_vmqkv_14{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23222' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15.5 4.5l4 4-9 9H6.5v-4.5z'/%3E%3Cpath d='M13.5 6.5l4 4'/%3E%3C/svg%3E") 2 18,crosshair}._wrap_mid65_1{position:relative;display:inline-flex;flex-shrink:0;align-items:stretch}._button_mid65_8{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:.15rem;min-width:1.75rem;padding:.4rem .5rem .3rem}._icon_mid65_18{display:block;width:1rem;height:1rem}._bar_mid65_24{display:block;width:1rem;height:.2rem;border:1px solid #c8c8c8;border-radius:1px;background:transparent}._barEmpty_mid65_33{background:repeating-linear-gradient(-45deg,#ddd,#ddd 1px,transparent 1px,transparent 3px)}._popover_mid65_43{position:fixed;z-index:1300;border:1px solid #d0d0d0;border-radius:4px;background:#fff;box-shadow:0 4px 12px #0000001f}._field_pl3rn_1{display:flex;align-items:center;justify-content:space-between;gap:.75rem}._label_pl3rn_8{font-weight:600}._button_pl3rn_12{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;align-items:center;justify-content:center;width:2.4rem;height:1.5rem;margin:0;padding:.15rem;border:1px solid #c8c8c8;border-radius:3px;background:#fff;cursor:pointer}._button_pl3rn_12:disabled{cursor:not-allowed;opacity:.5}._button_pl3rn_12:focus-visible{outline:2px solid #8ab4ff;outline-offset:1px}._swatch_pl3rn_37{display:block;width:100%;height:100%;border-radius:2px}._swatchEmpty_pl3rn_44{background:repeating-linear-gradient(-45deg,#ddd,#ddd 1px,transparent 1px,transparent 3px)}._toolbar_xlok8_1{display:flex;flex-direction:column;align-items:stretch;width:100%;min-width:0}._toolbar_xlok8_1._toolbar_xlok8_1{container-type:inline-size}._toolbar_xlok8_1 ._menuBar_xlok8_14{display:flex;align-items:stretch;width:100%;background:var(--wysiwyg-menu-background, #fff);border-bottom:1px solid #e5e5e5}._toolbar_xlok8_1 ._menuBarDesktop_xlok8_22{display:flex;align-items:stretch;min-width:0}._toolbar_xlok8_1 ._brandMark_xlok8_28{display:inline-flex;flex-shrink:0;align-items:center;padding:.25rem .65rem .25rem .5rem}._toolbar_xlok8_1 ._brandMarkIcon_xlok8_35{display:block;height:2.5rem;width:auto;aspect-ratio:616.23 / 542.09;overflow:visible}._toolbar_xlok8_1 ._brandMarkIcon_xlok8_35 *{stroke:none}._toolbar_xlok8_1 ._menuBarCompact_xlok8_47{display:none;align-items:stretch}._toolbar_xlok8_1[data-compact] ._menuBarDesktop_xlok8_22{display:none}._toolbar_xlok8_1[data-compact] ._menuBarCompact_xlok8_47{display:flex}@container (max-width: 40rem){._toolbar_xlok8_1 ._menuBarDesktop_xlok8_22{display:none}._toolbar_xlok8_1 ._menuBarCompact_xlok8_47{display:flex}}._toolbar_xlok8_1 ._menuWrap_xlok8_70{position:relative;display:flex;align-items:stretch}._toolbar_xlok8_1 ._menuButton_xlok8_76,._toolbar_xlok8_1 ._iconButton_xlok8_77,._toolbar_xlok8_1 ._menuItem_xlok8_78{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0;border:0;border-radius:0;background:transparent;font:inherit;font-weight:400;line-height:inherit;letter-spacing:inherit;text-transform:none;text-decoration:none;color:#444;cursor:pointer;box-shadow:none}._toolbar_xlok8_1 ._menuButton_xlok8_76,._toolbar_xlok8_1 ._menuItem_xlok8_78{color:var(--wysiwyg-menu-color, #444);font-size:var(--wysiwyg-menu-font-size, .875rem);font-family:var(--wysiwyg-menu-font-family, inherit)}._toolbar_xlok8_1 ._menuButton_xlok8_76{display:inline-flex;align-items:center;padding:.5rem .9rem;text-align:center}._toolbar_xlok8_1 ._menuButton_xlok8_76:after{content:"";display:inline-block;width:0;height:0;margin-left:.4rem;border-style:solid;border-width:.28rem .22rem 0;border-color:currentColor transparent transparent;transform:translateY(.08em)}._toolbar_xlok8_1 ._hamburgerButton_xlok8_121:after{content:none;display:none;margin:0;border:0}._toolbar_xlok8_1 ._iconNav_xlok8_128{position:relative;display:flex;align-items:stretch;width:100%;min-width:0;background:var(--wysiwyg-toolbar-background, #f0f0f0)}._toolbar_xlok8_1 ._iconTrack_xlok8_137{display:flex;flex:1 1 auto;align-items:stretch;min-width:0;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scrollbar-width:none}._toolbar_xlok8_1 ._iconTrack_xlok8_137::-webkit-scrollbar{display:none}._toolbar_xlok8_1 ._iconTrackInner_xlok8_152,._toolbar_xlok8_1 ._iconGroup_xlok8_158{display:flex;flex:0 0 auto;align-items:stretch}._toolbar_xlok8_1 ._iconGroup_xlok8_158:not(:last-child):after{content:"";width:1px;align-self:stretch;margin:.35rem .15rem;background:#d0d0d0}._toolbar_xlok8_1 ._iconButton_xlok8_77{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;padding:.5rem .65rem}._tooltipTrigger_xlok8_180{display:inline-flex;flex-shrink:0;align-items:stretch}._toolbar_xlok8_1 ._scrollButton_xlok8_186{position:absolute;z-index:1;top:0;bottom:0;background:var(--wysiwyg-toolbar-background, #f0f0f0)}._toolbar_xlok8_1 ._scrollButton_xlok8_186 ._iconButton_xlok8_77{height:100%}._toolbar_xlok8_1 ._scrollButton_xlok8_186:hover,._toolbar_xlok8_1 ._scrollButton_xlok8_186:focus-within{background:var(--wysiwyg-toolbar-background, #f0f0f0)}._toolbar_xlok8_1 ._scrollButtonLeft_xlok8_203{left:0;box-shadow:6px 0 8px -4px #00000029}._toolbar_xlok8_1 ._scrollButtonRight_xlok8_208{right:0;box-shadow:-6px 0 8px -4px #00000029}._toolbar_xlok8_1 ._iconButton_xlok8_77[aria-pressed=true]{color:#111;background:#ececec;box-shadow:inset 0 -2px #111}._toolbar_xlok8_1 ._menu_xlok8_14{position:absolute;top:100%;left:0;z-index:2;display:flex;flex-direction:column;min-width:10rem;margin:0;padding:.25rem 0;border:1px solid #d0d0d0;border-radius:4px;background:var(--wysiwyg-menu-background, #fff);box-shadow:0 4px 12px #00000014}._toolbar_xlok8_1 ._submenuWrap_xlok8_235{position:relative}._toolbar_xlok8_1 ._submenu_xlok8_235{top:0;left:100%;z-index:3}._toolbar_xlok8_1 ._submenuTrigger_xlok8_245{justify-content:space-between}._toolbar_xlok8_1 ._submenuTrigger_xlok8_245:after{content:"";display:inline-block;width:0;height:0;margin-left:.75rem;border-style:solid;border-width:.22rem 0 .22rem .28rem;border-color:transparent transparent transparent currentColor}._toolbar_xlok8_1 ._menuOverlay_xlok8_260{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1100;display:flex;flex-direction:column;background:var(--wysiwyg-menu-background, #fff);color:var(--wysiwyg-menu-color, #444);font-size:var(--wysiwyg-menu-font-size, .875rem);font-family:var(--wysiwyg-menu-font-family, inherit)}._toolbar_xlok8_1 ._menuOverlayHeader_xlok8_272{display:flex;flex-shrink:0;align-items:center;justify-content:space-between;gap:.5rem;padding:.15rem .15rem .15rem .9rem;border-bottom:1px solid #e5e5e5}._toolbar_xlok8_1 ._menuOverlayTitle_xlok8_282{font-size:inherit;font-weight:600;color:inherit}._toolbar_xlok8_1 ._menuOverlayBody_xlok8_288{display:flex;flex:1 1 auto;flex-direction:column;min-height:0;overflow:auto}._toolbar_xlok8_1 ._menuOverlay_xlok8_260 ._menuWrap_xlok8_70{flex-direction:column;align-items:stretch;width:100%}._toolbar_xlok8_1 ._menuOverlay_xlok8_260 ._menuButton_xlok8_76{width:100%;justify-content:space-between}._toolbar_xlok8_1 ._menuOverlay_xlok8_260 ._menu_xlok8_14{position:static;top:auto;left:auto;z-index:auto;min-width:0;width:100%;border:0;border-radius:0;box-shadow:none;padding:0 0 .25rem}._toolbar_xlok8_1 ._menuOverlay_xlok8_260 ._submenuWrap_xlok8_235{position:static}._toolbar_xlok8_1 ._menuOverlay_xlok8_260 ._submenu_xlok8_235{position:static;top:auto;left:auto;z-index:auto}._toolbar_xlok8_1 ._menuOverlay_xlok8_260 ._submenuTrigger_xlok8_245:after{transform:rotate(90deg)}._toolbar_xlok8_1 ._menuOverlay_xlok8_260 ._menuItem_xlok8_78{white-space:normal}._toolbar_xlok8_1 ._menuSeparator_xlok8_339{height:1px;margin:.25rem .5rem;background:#d0d0d0;border:0}._toolbar_xlok8_1 ._menuItem_xlok8_78{display:flex;align-items:center;gap:.5rem;width:100%;padding:.4rem .75rem;text-align:start;white-space:nowrap}._toolbar_xlok8_1 ._menuItem_xlok8_78:hover,._toolbar_xlok8_1 ._menuItem_xlok8_78:focus-visible{background:#f0f0f0;color:#111}._toolbar_xlok8_1 ._menuItem_xlok8_78[aria-checked=true]{color:#111;font-weight:600}._toolbar_xlok8_1 ._menuButton_xlok8_76:hover,._toolbar_xlok8_1 ._iconButton_xlok8_77:hover,._toolbar_xlok8_1 ._menuButton_xlok8_76:focus-visible,._toolbar_xlok8_1 ._iconButton_xlok8_77:focus-visible{color:#111;background:#f0f0f0}._toolbar_xlok8_1 ._menuButton_xlok8_76:focus-visible,._toolbar_xlok8_1 ._iconButton_xlok8_77:focus-visible,._toolbar_xlok8_1 ._menuItem_xlok8_78:focus-visible{outline:2px solid #8ab4ff;outline-offset:-2px}._toolbar_xlok8_1 ._menuButton_xlok8_76:disabled,._toolbar_xlok8_1 ._iconButton_xlok8_77:disabled,._toolbar_xlok8_1 ._menuItem_xlok8_78:disabled{cursor:not-allowed;opacity:.5}._toolbar_xlok8_1 ._menuItem_xlok8_78:disabled:hover,._toolbar_xlok8_1 ._menuItem_xlok8_78:disabled:focus-visible{background:transparent;color:inherit}._toolbar_xlok8_1 ._icon_xlok8_77,._toolbar_xlok8_1 ._icon_xlok8_77 *{overflow:visible;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}._toolbar_xlok8_1 ._icon_xlok8_77{display:block;width:1rem;height:1rem;flex-shrink:0}._tooltip_xlok8_180{position:fixed;z-index:1100;padding:.2rem .45rem;border-radius:3px;background:#222;color:#fff;font:.75rem/1.2 system-ui,sans-serif;white-space:nowrap;pointer-events:none}._tooltipElevated_xlok8_424{z-index:1300;max-width:18rem;white-space:normal}._wrap_o2uzw_1._wrap_o2uzw_1{display:inline-flex;flex-shrink:0;align-items:stretch}._wrap_o2uzw_1._wrapToolbar_o2uzw_7{align-self:stretch;padding:7px .35rem 0}._wrap_o2uzw_1 ._field_o2uzw_12{position:relative;display:flex;flex:0 0 auto;align-items:stretch;height:1.6rem}._wrap_o2uzw_1 ._trigger_o2uzw_20{-webkit-appearance:none;-moz-appearance:none;appearance:none;box-sizing:border-box;min-width:9.5rem;max-width:12rem;height:100%;margin:0;padding:0 1.35rem 0 .45rem;overflow:hidden;border:1px solid #c8c8c8;border-radius:3px;background:#fff;color:#222;font:.75rem/1.2 system-ui,sans-serif;text-align:start;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}._wrap_o2uzw_1 ._trigger_o2uzw_20:focus{outline:2px solid #8ab4ff;outline-offset:-1px}._wrap_o2uzw_1 ._trigger_o2uzw_20:disabled{cursor:not-allowed;opacity:.5}._wrap_o2uzw_1 ._chevron_o2uzw_50{position:absolute;top:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;width:1.15rem;pointer-events:none;color:#444}._wrap_o2uzw_1 ._chevron_o2uzw_50:after{content:"";display:block;width:0;height:0;border-style:solid;border-width:.28rem .22rem 0;border-color:currentColor transparent transparent}._list_o2uzw_73{position:fixed;z-index:1300;min-width:12rem;max-height:18rem;margin:0;padding:.15rem 0;overflow:auto;border:1px solid #d0d0d0;border-radius:3px;background:#fff;box-shadow:0 4px 12px #0000001f;list-style:none}._listInline_o2uzw_88{position:static;z-index:auto;min-width:100%;max-height:14rem;box-shadow:none}._option_o2uzw_96{display:block;width:100%;margin:0;padding:.3rem .75rem;border:0;background:transparent;color:#222;font-size:.875rem;line-height:1.3;text-align:start;cursor:pointer}._option_o2uzw_96:hover,._option_o2uzw_96:focus-visible{background:#e8f0fe;outline:none}._option_o2uzw_96[aria-checked=true]{font-weight:600}._option_o2uzw_96:disabled{cursor:not-allowed;opacity:.5}._separator_o2uzw_125{height:1px;margin:.25rem .5rem;padding:0;background:#d0d0d0;border:0;list-style:none}._wrap_1qhfu_1._wrap_1qhfu_1{display:inline-flex;flex-direction:row;flex-shrink:0;align-items:center;gap:.25rem}._wrap_1qhfu_1._wrapToolbar_1qhfu_9{align-self:stretch;padding:7px .35rem 0}._wrap_1qhfu_1 ._field_1qhfu_14{position:relative;display:flex;flex:0 0 auto;align-items:stretch;height:1.6rem}._wrap_1qhfu_1 ._input_1qhfu_22{-webkit-appearance:none;-moz-appearance:none;appearance:none;box-sizing:border-box;width:3.4rem;height:100%;margin:0;padding:0 1.35rem 0 .35rem;border:1px solid #c8c8c8;border-radius:3px;background:#fff;color:#222;font:.75rem/1.2 system-ui,sans-serif}._wrap_1qhfu_1 ._input_1qhfu_22:focus{outline:2px solid #8ab4ff;outline-offset:-1px}._wrap_1qhfu_1 ._toggle_1qhfu_41,._wrap_1qhfu_1 ._chevron_1qhfu_42{position:absolute;top:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:1.15rem;margin:0;padding:0;border:0;border-radius:0 3px 3px 0;background:transparent;color:#444}._wrap_1qhfu_1 ._toggle_1qhfu_41{cursor:pointer}._wrap_1qhfu_1 ._chevron_1qhfu_42{pointer-events:none}._wrap_1qhfu_1 ._toggle_1qhfu_41:after,._wrap_1qhfu_1 ._chevron_1qhfu_42:after{content:"";display:block;width:0;height:0;margin:0;border-style:solid;border-width:.28rem .22rem 0;border-color:currentColor transparent transparent}._wrap_1qhfu_1 ._unit_1qhfu_80{-webkit-appearance:none;-moz-appearance:none;appearance:none;box-sizing:border-box;width:3.4rem;height:100%;margin:0;padding:0 1.35rem 0 .35rem;border:1px solid #c8c8c8;border-radius:3px;background:#fff;color:#222;font:.75rem/1.2 system-ui,sans-serif}._wrap_1qhfu_1 ._unit_1qhfu_80::-ms-expand{display:none}._wrap_1qhfu_1 ._unit_1qhfu_80:focus{outline:2px solid #8ab4ff;outline-offset:-1px}._wrap_1qhfu_1 ._input_1qhfu_22:disabled,._wrap_1qhfu_1 ._toggle_1qhfu_41:disabled,._wrap_1qhfu_1 ._unit_1qhfu_80:disabled{cursor:not-allowed;opacity:.5}._list_1qhfu_110{position:fixed;z-index:1300;min-width:4.5rem;max-height:12rem;margin:0;padding:.15rem 0;overflow:auto;border:1px solid #d0d0d0;border-radius:3px;background:#fff;box-shadow:0 4px 12px #0000001f;list-style:none}._list_1qhfu_110 ._option_1qhfu_125{display:block;width:100%;margin:0;padding:.2rem .5rem;border:0;background:transparent;color:#222;font:.75rem/1.3 system-ui,sans-serif;text-align:start;cursor:pointer}._list_1qhfu_110 ._option_1qhfu_125:hover,._list_1qhfu_110 ._option_1qhfu_125:focus-visible{background:#e8f0fe;outline:none}._backdrop_po4dq_1{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1200;display:flex;align-items:center;justify-content:center;padding:1rem;background:#00000052}._backdrop_po4dq_1 ._dialog_po4dq_12{display:flex;flex-direction:column;width:min(32rem,100%);max-height:calc(100% - 2rem);margin:0;padding:0;overflow:hidden;border:1px solid #c8c8c8;border-radius:6px;background:#fff;box-shadow:0 8px 24px #0000002e;color:#222;font:.875rem/1.4 system-ui,sans-serif}._backdrop_po4dq_1 ._dialogWide_po4dq_28{width:min(38rem,100%)}._backdrop_po4dq_1 ._header_po4dq_32{margin:0;padding:.75rem 1rem .5rem;font-size:1rem;font-weight:600}._backdrop_po4dq_1 ._tabs_po4dq_39{display:flex;flex-wrap:wrap;gap:.15rem;padding:0 1rem;border-bottom:1px solid #e5e5e5}._backdrop_po4dq_1 ._tab_po4dq_39{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0 0 -1px;padding:.4rem .75rem;border:1px solid transparent;border-bottom:0;border-radius:4px 4px 0 0;background:transparent;color:inherit;font:inherit;cursor:pointer}._backdrop_po4dq_1 ._tab_po4dq_39[aria-selected=true]{border-color:#e5e5e5;background:#fff;font-weight:600}._backdrop_po4dq_1 ._tab_po4dq_39:disabled{cursor:not-allowed;opacity:.5}._backdrop_po4dq_1 ._body_po4dq_71{display:flex;flex-direction:column;gap:.85rem;padding:1rem;overflow:auto}._backdrop_po4dq_1 ._field_po4dq_79{display:flex;flex-direction:column;gap:.35rem}._backdrop_po4dq_1 ._label_po4dq_85{font-weight:600}._backdrop_po4dq_1 ._sizeRow_po4dq_89{display:flex;gap:.4rem;align-items:center}._backdrop_po4dq_1 ._fileRow_po4dq_95{display:flex;align-items:center;gap:.5rem}._backdrop_po4dq_1 ._fileName_po4dq_101{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#555}._backdrop_po4dq_1 ._marks_po4dq_108{display:flex;flex-direction:column;gap:.35rem;margin:0;padding:0;border:0}._backdrop_po4dq_1 ._mark_po4dq_108{display:flex;align-items:center;gap:.4rem}._backdrop_po4dq_1 ._actions_po4dq_123{display:flex;justify-content:flex-end;gap:.5rem;padding:.75rem 1rem 1rem}._backdrop_po4dq_1 ._actionsSpread_po4dq_130{justify-content:space-between}._backdrop_po4dq_1 ._actionsEnd_po4dq_134{display:flex;gap:.5rem}._backdrop_po4dq_1 ._headerRow_po4dq_139{display:flex;align-items:flex-start;gap:.5rem;padding:.75rem .5rem .5rem 1rem}._backdrop_po4dq_1 ._headerRow_po4dq_139 ._header_po4dq_32{flex:1;padding:0}._backdrop_po4dq_1 ._close_po4dq_151{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex-shrink:0;margin:0;padding:.25rem;border:0;border-radius:4px;background:transparent;color:inherit;cursor:pointer}._backdrop_po4dq_1 ._close_po4dq_151:hover,._backdrop_po4dq_1 ._close_po4dq_151:focus-visible{background:#f0f0f0}._backdrop_po4dq_1 ._nameSection_po4dq_168{padding:.5rem 1rem .75rem}._backdrop_po4dq_1 ._nameInput_po4dq_172{box-sizing:border-box;width:100%;margin:0;padding:.35rem .5rem;border:1px solid #c8c8c8;border-radius:4px;background:#fff;color:inherit;font:inherit}._backdrop_po4dq_1 ._nameInput_po4dq_172:focus-visible{outline:2px solid #8ab4ff;outline-offset:1px}._backdrop_po4dq_1 ._labelRow_po4dq_189{display:flex;align-items:center;gap:.35rem}._backdrop_po4dq_1 ._help_po4dq_195{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;margin:0;padding:0;border:1px solid #c8c8c8;border-radius:50%;background:#f7f7f7;color:inherit;font:.7rem/1 system-ui,sans-serif;font-weight:700;cursor:help}._backdrop_po4dq_1 ._textInput_po4dq_213{box-sizing:border-box;width:100%;margin:0;padding:.35rem .5rem;border:1px solid #c8c8c8;border-radius:4px;background:#fff;color:inherit;font:inherit}._backdrop_po4dq_1 ._fullSelect_po4dq_225{width:100%}._backdrop_po4dq_1 ._error_po4dq_229{color:#b33;font-size:.8rem}._backdrop_po4dq_1 ._emptyHint_po4dq_234{margin:0;color:#666}._backdrop_po4dq_1 ._action_po4dq_123[aria-pressed=true],._backdrop_po4dq_1 ._action_po4dq_123[aria-checked=true]{border-color:#4a7fd4;background:#e8eef8}._backdrop_po4dq_1 ._textarea_po4dq_245{box-sizing:border-box;width:100%;min-height:6.5rem;margin:0;padding:.4rem .5rem;border:1px solid #c8c8c8;border-radius:4px;background:#fff;color:inherit;font:.8rem/1.4 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;resize:vertical}._backdrop_po4dq_1 ._actionDanger_po4dq_259{border-color:#c44;background:#fff;color:#b33}._backdrop_po4dq_1 ._confirmBody_po4dq_265{padding:1rem}._backdrop_po4dq_1 ._emptyPanel_po4dq_269{min-height:4rem}._backdrop_po4dq_1 ._nestedPanel_po4dq_273{margin:.85rem 1rem .15rem;overflow:hidden;border:1px solid #c8c8c8;border-radius:4px}._backdrop_po4dq_1 ._nestedPanel_po4dq_273 ._tabs_po4dq_39{padding-top:.4rem}._spinnerWrap_po4dq_284{display:flex;align-items:center;justify-content:center;padding:.5rem .75rem}._spinner_po4dq_284{width:1.1rem;height:1.1rem;border:2px solid #d0d0d0;border-top-color:#4a7fd4;border-radius:50%;animation:_spin_po4dq_284 .7s linear infinite}@keyframes _spin_po4dq_284{to{transform:rotate(360deg)}}._backdrop_po4dq_1 ._action_po4dq_123{-webkit-appearance:none;-moz-appearance:none;appearance:none;min-width:5.5rem;margin:0;padding:.35rem .75rem;border:1px solid #c8c8c8;border-radius:4px;background:#f7f7f7;color:inherit;font:inherit;cursor:pointer}._backdrop_po4dq_1 ._actionPrimary_po4dq_319{border-color:#4a7fd4;background:#4a7fd4;color:#fff}._backdrop_po4dq_1 ._action_po4dq_123:disabled{cursor:not-allowed;opacity:.5}._backdrop_po4dq_1 ._action_po4dq_123:focus-visible,._backdrop_po4dq_1 ._tab_po4dq_39:focus-visible,._backdrop_po4dq_1 ._close_po4dq_151:focus-visible,._backdrop_po4dq_1 ._iconButton_po4dq_333:focus-visible,._backdrop_po4dq_1 ._select_po4dq_334:focus-visible,._backdrop_po4dq_1 ._lengthInput_po4dq_335:focus-visible,._backdrop_po4dq_1 ._lengthUnit_po4dq_336:focus-visible,._backdrop_po4dq_1 ._textInput_po4dq_213:focus-visible,._backdrop_po4dq_1 ._textarea_po4dq_245:focus-visible,._backdrop_po4dq_1 ._help_po4dq_195:focus-visible{outline:2px solid #8ab4ff;outline-offset:1px}._backdrop_po4dq_1 ._group_po4dq_344{display:flex;flex-direction:column;gap:.75rem;margin:0;padding:.75rem;border:1px solid #e5e5e5;border-radius:4px}._backdrop_po4dq_1 ._nestedGroup_po4dq_354{display:flex;flex-direction:column;gap:.5rem;margin:0;padding:.6rem .7rem;border:1px solid #ececec;border-radius:4px}._backdrop_po4dq_1 ._subLabel_po4dq_364{font-weight:600}._backdrop_po4dq_1 ._iconRow_po4dq_368{display:flex;gap:.25rem}._backdrop_po4dq_1 ._iconButton_po4dq_333{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;margin:0;padding:0;border:1px solid #c8c8c8;border-radius:4px;background:#f7f7f7;color:inherit;cursor:pointer}._backdrop_po4dq_1 ._iconButton_po4dq_333[aria-checked=true],._backdrop_po4dq_1 ._iconButton_po4dq_333[aria-pressed=true]{border-color:#4a7fd4;background:#e8eef8}._backdrop_po4dq_1 ._iconButton_po4dq_333:disabled{cursor:not-allowed;opacity:.5}._backdrop_po4dq_1 ._lengthField_po4dq_400{display:flex;flex-direction:column;gap:.25rem}._backdrop_po4dq_1 ._sideLabel_po4dq_406{font-weight:600}._backdrop_po4dq_1 ._lengthRow_po4dq_410{display:flex;gap:.35rem;align-items:center}._backdrop_po4dq_1 ._lengthInput_po4dq_335,._backdrop_po4dq_1 ._select_po4dq_334,._backdrop_po4dq_1 ._lengthUnit_po4dq_336{box-sizing:border-box;margin:0;padding:.3rem .4rem;border:1px solid #c8c8c8;border-radius:4px;background:#fff;color:inherit;font:inherit}._backdrop_po4dq_1 ._lengthInput_po4dq_335{width:4.75rem}._backdrop_po4dq_1 ._select_po4dq_334,._backdrop_po4dq_1 ._lengthUnit_po4dq_336{min-width:4.5rem}._backdrop_po4dq_1 ._sideGrid_po4dq_438,._backdrop_po4dq_1 ._shadowGrid_po4dq_439{display:grid;grid-template-columns:1fr 1fr;gap:.55rem .75rem}._frame_bwkh8_1{position:fixed;z-index:1140;box-sizing:border-box;pointer-events:none;border:1px solid #4a90d9}._handle_bwkh8_9{position:absolute;box-sizing:border-box;padding:0;pointer-events:auto;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;box-shadow:none}._handle_bwkh8_9:focus{outline:none}._handle_bwkh8_9:focus-visible{outline:2px solid #8ab4ff;outline-offset:1px}._handleEast_bwkh8_29{top:0;right:-4px;width:8px;height:calc(100% - 10px);cursor:e-resize}._handleSouth_bwkh8_37{left:0;bottom:-4px;width:calc(100% - 10px);height:8px;cursor:s-resize}._handleSouthEast_bwkh8_45{right:-5px;bottom:-5px;z-index:1;width:10px;height:10px;cursor:se-resize;border:1px solid #4a90d9;background:#fff}._grid_5kups_1{display:grid;grid-template-columns:repeat(10,1.15rem);gap:2px;width:max-content}._cell_5kups_8{width:1.15rem;height:1.15rem;padding:0;border:1px solid #c8c8c8;background:#fff;cursor:pointer}._cell_5kups_8[data-active=true]{background:#cfe3ff;border-color:#4a90d9}._cell_5kups_8:focus-visible{outline:2px solid #4a90d9;outline-offset:1px}._sizeLabel_5kups_27{margin:.35rem 0 0;color:#444;font-variant-numeric:tabular-nums}._sizeFields_5kups_33{align-items:flex-end}._numberInput_5kups_37{box-sizing:border-box;width:4.5rem;margin:0;padding:.35rem .4rem;border:1px solid #c8c8c8;border-radius:4px;background:#fff;color:inherit;font:inherit}._numberInput_5kups_37:focus-visible{outline:2px solid #8ab4ff;outline-offset:1px}._wrap_1wd6e_1._wrap_1wd6e_1{display:inline-flex;flex-shrink:0;align-items:stretch}._wrap_1wd6e_1._wrapToolbar_1wd6e_7{align-self:stretch;padding:7px .35rem 0}._wrap_1wd6e_1 ._field_1wd6e_12{position:relative;display:flex;flex:0 0 auto;align-items:stretch;height:1.6rem}._wrap_1wd6e_1 ._trigger_1wd6e_20{-webkit-appearance:none;-moz-appearance:none;appearance:none;box-sizing:border-box;min-width:8.5rem;height:100%;margin:0;padding:0 1.35rem 0 .45rem;border:1px solid #c8c8c8;border-radius:3px;background:#fff;color:#222;font:.75rem/1.2 system-ui,sans-serif;text-align:start;cursor:pointer}._wrap_1wd6e_1 ._trigger_1wd6e_20:focus{outline:2px solid #8ab4ff;outline-offset:-1px}._wrap_1wd6e_1 ._trigger_1wd6e_20:disabled{cursor:not-allowed;opacity:.5}._wrap_1wd6e_1 ._chevron_1wd6e_46{position:absolute;top:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;width:1.15rem;pointer-events:none;color:#444}._wrap_1wd6e_1 ._chevron_1wd6e_46:after{content:"";display:block;width:0;height:0;border-style:solid;border-width:.28rem .22rem 0;border-color:currentColor transparent transparent}._list_1wd6e_69{position:fixed;z-index:1300;min-width:10rem;max-height:18rem;margin:0;padding:.15rem 0;overflow:auto;border:1px solid #d0d0d0;border-radius:3px;background:#fff;box-shadow:0 4px 12px #0000001f;list-style:none}._option_1wd6e_84{display:block;width:100%;margin:0;padding:.25rem .75rem;border:0;background:transparent;color:#222;font-family:system-ui,sans-serif;line-height:1.25;text-align:start;cursor:pointer}._option_1wd6e_84:hover,._option_1wd6e_84:focus-visible{background:#e8f0fe;outline:none}._option_1wd6e_84[aria-checked=true]{font-weight:600}._option_1wd6e_84:disabled{cursor:not-allowed;opacity:.5}._separator_1wd6e_113{height:1px;margin:.25rem .5rem;padding:0;background:#d0d0d0;border:0;list-style:none}._root_14tok_1{all:revert;position:relative;box-sizing:border-box;display:flex;flex-direction:column;width:100%;min-width:0;height:100%;min-height:16rem;border:var(--wysiwyg-border-width, 1px) solid var(--wysiwyg-border-color, #d0d0d0);border-radius:var(--wysiwyg-border-radius, 6px);box-shadow:var(--wysiwyg-border-shadow, none);overflow:hidden;background:#fff;color:#111;font-family:system-ui,sans-serif;font-size:1rem;font-weight:400;font-style:normal;font-variant:normal;line-height:1.5;letter-spacing:normal;text-align:start;text-indent:0;text-transform:none;text-decoration:none;text-shadow:none;white-space:normal;word-spacing:normal;direction:ltr}._root_14tok_1._fullscreen_14tok_34{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;width:100%;height:100%;min-height:0;border:none;border-radius:0;box-shadow:none}._root_14tok_1 ._exitFullscreen_14tok_46{position:absolute;z-index:2;top:.4rem;right:.4rem;display:inline-flex;align-items:center;justify-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:2rem;height:2rem;margin:0;padding:0;border:0;border-radius:4px;background:#fff;color:#444;font:inherit;cursor:pointer;box-shadow:0 1px 3px #0003}._root_14tok_1 ._exitFullscreen_14tok_46:hover{background:#f4f4f4}._root_14tok_1 ._exitFullscreen_14tok_46:focus{outline:none;box-shadow:inset 0 0 0 2px #8ab4ff}._root_14tok_1 ._exitFullscreenIcon_14tok_77{display:block;width:1rem;height:1rem;flex-shrink:0}._root_14tok_1 *:not(:is(svg,svg *)),._root_14tok_1 *:before,._root_14tok_1 *:after{all:revert;box-sizing:border-box}._root_14tok_1 ._chrome_14tok_92{display:flex;flex-direction:column;flex-shrink:0;align-items:stretch;z-index:1;width:100%;min-width:0;border-bottom:1px solid #e5e5e5}._root_14tok_1 ._workspace_14tok_103{display:flex;flex:1 1 auto;flex-direction:column;min-height:0;overflow:auto;padding:1rem;background:#f0f0f0}._root_14tok_1 ._surface_14tok_113{width:100%;min-height:100%;background:#fff;box-shadow:0 1px 3px #0000001f}._root_14tok_1 ._visual_14tok_120{flex:1 0 auto;min-height:100%;padding:.75rem;outline:none}._root_14tok_1 ._visual_14tok_120:focus{box-shadow:inset 0 0 0 2px #8ab4ff}._root_14tok_1 ._visual_14tok_120:empty:before{content:attr(data-placeholder);color:#888}._root_14tok_1 ._html_14tok_136{display:block;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-sizing:border-box;flex:1 1 auto;width:100%;margin:0;min-height:100%;padding:.75rem;border:0;border-radius:0;resize:none;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.875rem;font-weight:400;font-style:normal;line-height:1.5;letter-spacing:normal;color:#111;outline:none;background:#fff}._root_14tok_1 ._html_14tok_136:focus{box-shadow:inset 0 0 0 2px #8ab4ff}._root_14tok_1 ._html_14tok_136:disabled{opacity:.6}._visual_14tok_120 p{margin:0 0 .75em}._visual_14tok_120 p:last-child{margin-bottom:0}._visual_14tok_120 h1,._visual_14tok_120 h2,._visual_14tok_120 h3,._visual_14tok_120 h4,._visual_14tok_120 h5,._visual_14tok_120 h6{margin:1em 0 .5em;font-weight:600;line-height:1.25;color:inherit}._visual_14tok_120 h1:first-child,._visual_14tok_120 h2:first-child,._visual_14tok_120 h3:first-child,._visual_14tok_120 h4:first-child,._visual_14tok_120 h5:first-child,._visual_14tok_120 h6:first-child{margin-top:0}._visual_14tok_120 h1{font-size:1.75rem}._visual_14tok_120 h2{font-size:1.5rem}._visual_14tok_120 h3{font-size:1.25rem}._visual_14tok_120 h4{font-size:1.125rem}._visual_14tok_120 h5{font-size:1rem}._visual_14tok_120 h6{font-size:.875rem}._visual_14tok_120 ul,._visual_14tok_120 ol{margin:0 0 .75em;padding-left:1.5em}._visual_14tok_120 li{margin:.25em 0}._visual_14tok_120 a{color:#06c;text-decoration:underline}._visual_14tok_120 strong,._visual_14tok_120 b{font-weight:700}._visual_14tok_120 em,._visual_14tok_120 i{font-style:italic}._visual_14tok_120 u{text-decoration:underline}._visual_14tok_120 s{text-decoration:line-through}._visual_14tok_120 blockquote{margin:0 0 .75em;padding:0 0 0 .75em;border:0;border-left:3px solid #d0d0d0;color:#444}._visual_14tok_120 code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.875em;background:#f4f4f4;padding:.1em .3em;border-radius:3px}._visual_14tok_120 pre{margin:0 0 .75em;padding:.75em;overflow:auto;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.875rem;line-height:1.5;background:#f4f4f4;border-radius:4px}._visual_14tok_120 pre code{background:transparent;padding:0;font-size:inherit}._visual_14tok_120 hr{margin:1em 0;border:0;border-top:1px solid #d0d0d0}._visual_14tok_120 img{max-width:100%;vertical-align:middle}

package/dist/components/Editor.d.ts

@@ -0,0 +1,3 @@
+import { EditorProps } from '../types';
+export declare function Editor({ value, defaultValue, onChange, mode: modeProp, defaultMode, onModeChange, fullscreen: fullscreenProp, defaultFullscreen, onFullscreenChange, placeholder, disabled, className, locale, toolbarBackground, menuColor, menuBackground, menuFontSize, menuFontFamily, border, menuVisible, toolbarVisible, customActions, customFonts, transformHtml, loadCustomParagraphStyles, onSaveCustomParagraphStyle, onDeleteCustomParagraphStyle, customImagePicker, disableBuiltinImageInsert, }: EditorProps): import("react").JSX.Element;
+//# sourceMappingURL=Editor.d.ts.map

package/dist/components/Editor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Editor.d.ts","sourceRoot":"","sources":["../../src/components/Editor.tsx"],"names":[],"mappings":"AA4JA,OAAO,KAAK,EAOV,WAAW,EACZ,MAAM,UAAU,CAAA;AAKjB,wBAAgB,MAAM,CAAC,EACrB,KAAK,EACL,YAAiB,EACjB,QAAQ,EACR,IAAI,EAAE,QAAQ,EACd,WAAsB,EACtB,YAAY,EACZ,UAAU,EAAE,cAAc,EAC1B,iBAAyB,EACzB,kBAAkB,EAClB,WAAW,EACX,QAAQ,EACR,SAAS,EACT,MAAa,EACb,iBAAiB,EACjB,SAAS,EACT,cAAc,EACd,YAAY,EACZ,cAAc,EACd,MAAM,EACN,WAAkB,EAClB,cAAqB,EACrB,aAAa,EACb,WAAW,EACX,aAAa,EACb,yBAAyB,EACzB,0BAA0B,EAC1B,4BAA4B,EAC5B,iBAAiB,EACjB,yBAAyB,GAC1B,EAAE,WAAW,+BAm4Db"}

package/dist/components/HtmlSurface.d.ts

@@ -0,0 +1,9 @@
+type HtmlSurfaceProps = {
+    html: string;
+    onChange: (html: string) => void;
+    placeholder?: string;
+    disabled?: boolean;
+};
+export declare const HtmlSurface: import('react').ForwardRefExoticComponent<HtmlSurfaceProps & import('react').RefAttributes<HTMLTextAreaElement>>;
+export {};
+//# sourceMappingURL=HtmlSurface.d.ts.map

package/dist/components/HtmlSurface.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HtmlSurface.d.ts","sourceRoot":"","sources":["../../src/components/HtmlSurface.tsx"],"names":[],"mappings":"AAIA,KAAK,gBAAgB,GAAG;IACtB,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IAChC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AAED,eAAO,MAAM,WAAW,kHAiBvB,CAAA"}

package/dist/components/VisualSurface.d.ts

@@ -0,0 +1,13 @@
+import { MouseEvent as ReactMouseEvent, PointerEvent as ReactPointerEvent } from 'react';
+type VisualSurfaceProps = {
+    html: string;
+    onChange: (html: string) => void;
+    placeholder?: string;
+    disabled?: boolean;
+    onBeforeInput?: (event: InputEvent) => void;
+    onPointerDown?: (event: ReactPointerEvent<HTMLDivElement>) => void;
+    onContextMenu?: (event: ReactMouseEvent<HTMLDivElement>) => void;
+};
+export declare const VisualSurface: import('react').ForwardRefExoticComponent<VisualSurfaceProps & import('react').RefAttributes<HTMLDivElement>>;
+export {};
+//# sourceMappingURL=VisualSurface.d.ts.map

package/dist/components/VisualSurface.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VisualSurface.d.ts","sourceRoot":"","sources":["../../src/components/VisualSurface.tsx"],"names":[],"mappings":"AAAA,OAAO,EAIL,KAAK,UAAU,IAAI,eAAe,EAClC,KAAK,YAAY,IAAI,iBAAiB,EACvC,MAAM,OAAO,CAAA;AAKd,KAAK,kBAAkB,GAAG;IACxB,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IAChC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAA;IAC3C,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,CAAC,cAAc,CAAC,KAAK,IAAI,CAAA;IAClE,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,eAAe,CAAC,cAAc,CAAC,KAAK,IAAI,CAAA;CACjE,CAAA;AAED,eAAO,MAAM,aAAa,+GAgDzB,CAAA"}

package/dist/core/blockFormat.d.ts

@@ -0,0 +1,10 @@
+export declare const PARAGRAPH_STYLE_TAGS: readonly ["p", "h1", "h2", "h3", "h4", "h5", "h6"];
+export type ParagraphStyleTag = (typeof PARAGRAPH_STYLE_TAGS)[number];
+export type BlockFormatQuery = {
+    tag: ParagraphStyleTag | null;
+    mixed: boolean;
+};
+export declare function isParagraphStyleTag(tag: string): tag is ParagraphStyleTag;
+export declare function queryBlockFormat(root: HTMLElement): BlockFormatQuery;
+export declare function setBlockFormatInDocument(root: HTMLElement, tag: ParagraphStyleTag): boolean;
+//# sourceMappingURL=blockFormat.d.ts.map

package/dist/core/blockFormat.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"blockFormat.d.ts","sourceRoot":"","sources":["../../src/core/blockFormat.ts"],"names":[],"mappings":"AAYA,eAAO,MAAM,oBAAoB,oDAAqD,CAAA;AAEtF,MAAM,MAAM,iBAAiB,GAAG,CAAC,OAAO,oBAAoB,CAAC,CAAC,MAAM,CAAC,CAAA;AAErE,MAAM,MAAM,gBAAgB,GAAG;IAC7B,GAAG,EAAE,iBAAiB,GAAG,IAAI,CAAA;IAC7B,KAAK,EAAE,OAAO,CAAA;CACf,CAAA;AAoBD,wBAAgB,mBAAmB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,IAAI,iBAAiB,CAEzE;AAyHD,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,WAAW,GAAG,gBAAgB,CAapE;AAED,wBAAgB,wBAAwB,CAAC,IAAI,EAAE,WAAW,EAAE,GAAG,EAAE,iBAAiB,GAAG,OAAO,CAyB3F"}

package/dist/core/blocks.d.ts

@@ -0,0 +1,19 @@
+export declare const ALIGNABLE_TAGS: Set<string>;
+export declare function tagName(el: Element): string;
+export declare function elementFromNode(node: Node): Element | null;
+export declare function isListContainer(node: Node): node is HTMLElement;
+export declare function isListItem(node: Node): node is HTMLElement;
+export declare function currentRange(root: HTMLElement): Range | null;
+export declare function nodesForRange(range: Range): Node[];
+export declare function textOffsetFromRoot(root: HTMLElement, node: Node, offset: number): number;
+export declare function restoreOffsets(root: HTMLElement, start: number, end: number): void;
+export declare function withRestoredSelection(root: HTMLElement, mutate: () => boolean): boolean;
+export declare function renameElement(el: HTMLElement, tag: string): HTMLElement;
+export declare function clearEmptyStyle(el: HTMLElement): void;
+export declare function nearestAlignable(root: HTMLElement, node: Node): HTMLElement | null;
+export declare function collectSelectedBlocks(root: HTMLElement): HTMLElement[];
+export declare function wrapLoosePhrasing(root: HTMLElement, range: Range): HTMLElement | null;
+export declare function ensureSelectedBlocks(root: HTMLElement): HTMLElement[];
+export declare function parentList(li: HTMLElement): HTMLElement | null;
+export declare function groupConsecutiveSiblings(blocks: HTMLElement[]): HTMLElement[][];
+//# sourceMappingURL=blocks.d.ts.map

package/dist/core/blocks.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"blocks.d.ts","sourceRoot":"","sources":["../../src/core/blocks.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,cAAc,aAWzB,CAAA;AAKF,wBAAgB,OAAO,CAAC,EAAE,EAAE,OAAO,GAAG,MAAM,CAE3C;AAED,wBAAgB,eAAe,CAAC,IAAI,EAAE,IAAI,GAAG,OAAO,GAAG,IAAI,CAI1D;AAED,wBAAgB,eAAe,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,IAAI,WAAW,CAE/D;AAED,wBAAgB,UAAU,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,IAAI,WAAW,CAE1D;AAED,wBAAgB,YAAY,CAAC,IAAI,EAAE,WAAW,GAAG,KAAK,GAAG,IAAI,CAM5D;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI,EAAE,CAKlD;AAED,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,WAAW,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,GAAG,MAAM,CA2BxF;AAED,wBAAgB,cAAc,CAAC,IAAI,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,GAAG,IAAI,CAKlF;AAED,wBAAgB,qBAAqB,CAAC,IAAI,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,OAAO,GAAG,OAAO,CAUvF;AAED,wBAAgB,aAAa,CAAC,EAAE,EAAE,WAAW,EAAE,GAAG,EAAE,MAAM,GAAG,WAAW,CAWvE;AAED,wBAAgB,eAAe,CAAC,EAAE,EAAE,WAAW,GAAG,IAAI,CAIrD;AAED,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,WAAW,EAAE,IAAI,EAAE,IAAI,GAAG,WAAW,GAAG,IAAI,CAalF;AAED,wBAAgB,qBAAqB,CAAC,IAAI,EAAE,WAAW,GAAG,WAAW,EAAE,CAatE;AAuDD,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,WAAW,EAAE,KAAK,EAAE,KAAK,GAAG,WAAW,GAAG,IAAI,CAwBrF;AAED,wBAAgB,oBAAoB,CAAC,IAAI,EAAE,WAAW,GAAG,WAAW,EAAE,CAOrE;AAED,wBAAgB,UAAU,CAAC,EAAE,EAAE,WAAW,GAAG,WAAW,GAAG,IAAI,CAG9D;AAED,wBAAgB,wBAAwB,CAAC,MAAM,EAAE,WAAW,EAAE,GAAG,WAAW,EAAE,EAAE,CAa/E"}

package/dist/core/bookmark.d.ts

@@ -0,0 +1,10 @@
+export declare const BOOKMARK_NAME_PATTERN: RegExp;
+export type BookmarkEntry = {
+    id: string;
+};
+export type BookmarkNameError = 'empty' | 'invalid' | 'duplicate';
+export declare function listBookmarks(visualRoot: HTMLElement): BookmarkEntry[];
+export declare function bookmarkIds(visualRoot: HTMLElement): Set<string>;
+export declare function validateBookmarkName(name: string, existingIds: ReadonlySet<string>): BookmarkNameError | null;
+export declare function insertBookmarkInDocument(root: HTMLElement, name: string): boolean;
+//# sourceMappingURL=bookmark.d.ts.map

package/dist/core/bookmark.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"bookmark.d.ts","sourceRoot":"","sources":["../../src/core/bookmark.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,qBAAqB,QAA6B,CAAA;AAE/D,MAAM,MAAM,aAAa,GAAG;IAAE,EAAE,EAAE,MAAM,CAAA;CAAE,CAAA;AAE1C,MAAM,MAAM,iBAAiB,GAAG,OAAO,GAAG,SAAS,GAAG,WAAW,CAAA;AAIjE,wBAAgB,aAAa,CAAC,UAAU,EAAE,WAAW,GAAG,aAAa,EAAE,CAatE;AAED,wBAAgB,WAAW,CAAC,UAAU,EAAE,WAAW,GAAG,GAAG,CAAC,MAAM,CAAC,CAEhE;AAED,wBAAgB,oBAAoB,CAClC,IAAI,EAAE,MAAM,EACZ,WAAW,EAAE,WAAW,CAAC,MAAM,CAAC,GAC/B,iBAAiB,GAAG,IAAI,CAM1B;AAqBD,wBAAgB,wBAAwB,CAAC,IAAI,EAAE,WAAW,EAAE,IAAI,EAAE,MAAM,GAAG,OAAO,CA8BjF"}

package/dist/core/cellProperties.d.ts

@@ -0,0 +1,18 @@
+import { CssLength } from './cssLength';
+import { BoxSides } from './paragraphBox';
+export declare const CELL_VERTICAL_ALIGNS: readonly ["top", "middle", "bottom", "baseline"];
+export type CellVerticalAlign = (typeof CELL_VERTICAL_ALIGNS)[number];
+export type CellPropertiesApply = {
+    backgroundColor: string | null;
+    color: string | null;
+    padding: BoxSides;
+    verticalAlign: CellVerticalAlign | null;
+    width: CssLength | null;
+};
+export declare function defaultCellPropertiesApply(overrides?: Partial<CellPropertiesApply>): CellPropertiesApply;
+export declare function readCellProperties(cell: HTMLTableCellElement): CellPropertiesApply;
+export declare function writeCellProperties(cell: HTMLTableCellElement, draft: CellPropertiesApply): boolean;
+export declare function queryCellAtSelection(root: HTMLElement): CellPropertiesApply | null;
+export declare function applyCellPropertiesInDocument(root: HTMLElement, draft: CellPropertiesApply): boolean;
+export declare function cellPropertiesEqual(a: CellPropertiesApply, b: CellPropertiesApply): boolean;
+//# sourceMappingURL=cellProperties.d.ts.map

package/dist/core/cellProperties.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cellProperties.d.ts","sourceRoot":"","sources":["../../src/core/cellProperties.ts"],"names":[],"mappings":"AACA,OAAO,EAKL,KAAK,SAAS,EACf,MAAM,aAAa,CAAA;AAEpB,OAAO,EAKL,KAAK,QAAQ,EACd,MAAM,gBAAgB,CAAA;AAGvB,eAAO,MAAM,oBAAoB,kDAAmD,CAAA;AAEpF,MAAM,MAAM,iBAAiB,GAAG,CAAC,OAAO,oBAAoB,CAAC,CAAC,MAAM,CAAC,CAAA;AAErE,MAAM,MAAM,mBAAmB,GAAG;IAChC,eAAe,EAAE,MAAM,GAAG,IAAI,CAAA;IAC9B,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;IACpB,OAAO,EAAE,QAAQ,CAAA;IACjB,aAAa,EAAE,iBAAiB,GAAG,IAAI,CAAA;IACvC,KAAK,EAAE,SAAS,GAAG,IAAI,CAAA;CACxB,CAAA;AAID,wBAAgB,0BAA0B,CACxC,SAAS,GAAE,OAAO,CAAC,mBAAmB,CAAM,GAC3C,mBAAmB,CASrB;AAED,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,oBAAoB,GAAG,mBAAmB,CASlF;AAED,wBAAgB,mBAAmB,CACjC,IAAI,EAAE,oBAAoB,EAC1B,KAAK,EAAE,mBAAmB,GACzB,OAAO,CAwBT;AAED,wBAAgB,oBAAoB,CAAC,IAAI,EAAE,WAAW,GAAG,mBAAmB,GAAG,IAAI,CAIlF;AAED,wBAAgB,6BAA6B,CAC3C,IAAI,EAAE,WAAW,EACjB,KAAK,EAAE,mBAAmB,GACzB,OAAO,CAQT;AAED,wBAAgB,mBAAmB,CAAC,CAAC,EAAE,mBAAmB,EAAE,CAAC,EAAE,mBAAmB,GAAG,OAAO,CAQ3F"}

package/dist/core/clearFormatting.d.ts

@@ -0,0 +1,2 @@
+export declare function clearFormattingInDocument(root: HTMLElement): boolean;
+//# sourceMappingURL=clearFormatting.d.ts.map

package/dist/core/clearFormatting.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"clearFormatting.d.ts","sourceRoot":"","sources":["../../src/core/clearFormatting.ts"],"names":[],"mappings":"AAyDA,wBAAgB,yBAAyB,CAAC,IAAI,EAAE,WAAW,GAAG,OAAO,CAcpE"}

package/dist/core/clipboard.d.ts

@@ -0,0 +1,9 @@
+export type ClipboardPayload = {
+    html: string;
+    text: string;
+};
+export declare function serializeSelection(root: HTMLElement): ClipboardPayload | null;
+export declare function deleteSelectionInDocument(root: HTMLElement): boolean;
+export declare function copySelectionInDocument(root: HTMLElement): Promise<boolean>;
+export declare function cutSelectionInDocument(root: HTMLElement): Promise<boolean>;
+//# sourceMappingURL=clipboard.d.ts.map

package/dist/core/clipboard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"clipboard.d.ts","sourceRoot":"","sources":["../../src/core/clipboard.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,gBAAgB,GAAG;IAC7B,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,MAAM,CAAA;CACb,CAAA;AAUD,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,WAAW,GAAG,gBAAgB,GAAG,IAAI,CAe7E;AAED,wBAAgB,yBAAyB,CAAC,IAAI,EAAE,WAAW,GAAG,OAAO,CAQpE;AAiCD,wBAAsB,uBAAuB,CAAC,IAAI,EAAE,WAAW,GAAG,OAAO,CAAC,OAAO,CAAC,CAIjF;AAED,wBAAsB,sBAAsB,CAAC,IAAI,EAAE,WAAW,GAAG,OAAO,CAAC,OAAO,CAAC,CAGhF"}