@aquera/nile-elements 2.0.0 → 2.0.2

package/src/nile-wysiwyg-editor/ui/source-view.ts

@@ -71,9 +71,9 @@ export class NileWysiwygSourceView extends NileElement {
           justify-content: space-between;
           padding: 6px 12px;
           font-size: 12px;
-          color: var(--nile-colors-neutral-600, #475467);
-          border-bottom: 1px solid var(--nile-colors-neutral-300, #e4e7ec);
-          background: var(--nile-wysiwyg-toolbar-bg, var(--nile-colors-neutral-50, #f9fafb));
+          color: var(--nile-colors-neutral-600, var(--ng-colors-text-tertiary-600));
+          border-bottom: 1px solid var(--nile-colors-neutral-300, var(--ng-colors-border-secondary));
+          background: var(--nile-wysiwyg-toolbar-bg, var(--nile-colors-neutral-50, var(--ng-colors-bg-secondary)));
         }
 
         .actions {
@@ -89,12 +89,12 @@ export class NileWysiwygSourceView extends NileElement {
           border: 1px solid transparent;
           cursor: pointer;
           background: transparent;
-          color: var(--nile-colors-neutral-700, #344054);
+          color: var(--nile-colors-neutral-700, var(--ng-colors-text-secondary-700));
         }
 
         button.primary {
-          background: var(--nile-colors-primary-600, var(--ng-componentcolors-utility-blue-600, #2563eb));
-          color: #ffffff;
+          background: var(--nile-colors-primary-600, var(--ng-componentcolors-utility-blue-600));
+          color: var(--ng-colors-text-white);
         }
 
         .body {
@@ -125,7 +125,7 @@ export class NileWysiwygSourceView extends NileElement {
         /* --- Lightweight code editor: gutter + highlighted textarea --- */
         .pane--code {
           display: flex;
-          background: var(--nile-colors-white-base, #ffffff);
+          background: var(--nile-colors-white-base, var(--ng-colors-bg-primary));
           /* Shared code metrics, inherited by the gutter, highlight and textarea
              so every line lines up to the pixel. */
           font-family: var(--nile-wysiwyg-code-font, ui-monospace, SFMono-Regular, Menlo, monospace);
@@ -141,9 +141,9 @@ export class NileWysiwygSourceView extends NileElement {
           box-sizing: border-box;
           padding: 12px 8px 0;
           text-align: right;
-          color: var(--nile-colors-neutral-400, #98a2b3);
-          background: var(--nile-colors-neutral-50, #f9fafb);
-          border-right: 1px solid var(--nile-colors-neutral-200, #eaecf0);
+          color: var(--nile-colors-neutral-400, var(--ng-colors-text-quaternary-500));
+          background: var(--nile-colors-neutral-50, var(--ng-colors-bg-secondary));
+          border-right: 1px solid var(--nile-colors-neutral-200, var(--ng-colors-border-secondary));
           user-select: none;
         }
 
@@ -187,7 +187,7 @@ export class NileWysiwygSourceView extends NileElement {
         .hl {
           overflow: hidden;
           pointer-events: none;
-          color: var(--nile-colors-neutral-900, #101828);
+          color: var(--nile-colors-neutral-900, var(--ng-colors-text-primary-900));
         }
 
         .hl > code {
@@ -202,7 +202,7 @@ export class NileWysiwygSourceView extends NileElement {
           overflow: auto;
           background: transparent;
           color: transparent;
-          caret-color: var(--nile-colors-neutral-900, #101828);
+          caret-color: var(--nile-colors-neutral-900, var(--ng-colors-text-primary-900));
         }
 
         /* Must be translucent: the textarea's text is transparent and the
@@ -217,26 +217,26 @@ export class NileWysiwygSourceView extends NileElement {
 
         /* highlight.js token palette (Atom One Light), matching code blocks. */
         .hl .hljs-comment,
-        .hl .hljs-quote { color: #a0a1a7; font-style: italic; }
+        .hl .hljs-quote { color: var(--ng-componentcolors-utility-gray-500); font-style: italic; }
         .hl .hljs-keyword,
         .hl .hljs-selector-tag,
-        .hl .hljs-doctag { color: #a626a4; }
+        .hl .hljs-doctag { color: var(--ng-componentcolors-utility-purple-600); }
         .hl .hljs-name,
         .hl .hljs-selector-id,
         .hl .hljs-selector-class,
-        .hl .hljs-tag { color: #e45649; }
+        .hl .hljs-tag { color: var(--ng-componentcolors-utility-error-600); }
         .hl .hljs-literal,
-        .hl .hljs-built_in { color: #0184bb; }
+        .hl .hljs-built_in { color: var(--ng-componentcolors-utility-blue-600); }
         .hl .hljs-string,
         .hl .hljs-attribute,
-        .hl .hljs-meta .hljs-string { color: #50a14f; }
+        .hl .hljs-meta .hljs-string { color: var(--ng-componentcolors-utility-green-600); }
         .hl .hljs-attr,
         .hl .hljs-variable,
         .hl .hljs-type,
-        .hl .hljs-number { color: #986801; }
+        .hl .hljs-number { color: var(--ng-componentcolors-utility-orange-600); }
         .hl .hljs-symbol,
         .hl .hljs-meta,
-        .hl .hljs-title { color: #4078f2; }
+        .hl .hljs-title { color: var(--ng-componentcolors-utility-indigo-600); }
 
         /* Draggable divider between the code and preview panes. */
         .gutter {
@@ -244,7 +244,7 @@ export class NileWysiwygSourceView extends NileElement {
           position: relative;
           width: 1px;
           align-self: stretch;
-          background: var(--nile-colors-neutral-300, #e4e7ec);
+          background: var(--nile-colors-neutral-300, var(--ng-colors-border-secondary));
           cursor: col-resize;
           touch-action: none;
         }
@@ -257,14 +257,14 @@ export class NileWysiwygSourceView extends NileElement {
 
         .gutter:hover,
         .body--dragging .gutter {
-          background: var(--ng-colors-bg-brand-primary, #2970ff);
+          background: var(--ng-colors-bg-brand-primary);
         }
 
         .pane--preview {
           flex: 1 1 0;
           overflow: auto;
-          border-left: 1px solid var(--nile-colors-neutral-200, #eaecf0);
-          background: var(--nile-colors-white-base, #ffffff);
+          border-left: 1px solid var(--nile-colors-neutral-200, var(--ng-colors-border-secondary));
+          background: var(--nile-colors-white-base, var(--ng-colors-bg-primary));
         }
 
         nile-wysiwyg-preview {
@@ -274,7 +274,7 @@ export class NileWysiwygSourceView extends NileElement {
         .preview-empty {
           display: block;
           padding: 12px 16px;
-          color: var(--nile-colors-neutral-500, #98a2b3);
+          color: var(--nile-colors-neutral-500, var(--ng-colors-text-quaternary-500));
           font-size: 12px;
           opacity: 0.7;
         }

package/src/nile-wysiwyg-editor/ui/special-chars.ts

@@ -102,8 +102,8 @@ export class NileWysiwygSpecialChars extends NileElement {
         .panel {
           width: 316px;
           padding: 8px;
-          background: var(--nile-wysiwyg-popover-bg, #ffffff);
-          border: 1px solid var(--nile-colors-neutral-400, #d0d5dd);
+          background: var(--nile-wysiwyg-popover-bg, var(--ng-colors-bg-primary));
+          border: 1px solid var(--nile-colors-neutral-400, var(--ng-colors-border-primary));
           border-radius: 8px;
           box-shadow: var(--nile-wysiwyg-popover-shadow, 0 4px 12px rgba(16, 24, 40, 0.12));
         }
@@ -139,11 +139,11 @@ export class NileWysiwygSpecialChars extends NileElement {
           border-radius: 5px;
           background: transparent;
           cursor: pointer;
-          color: var(--nile-colors-dark-900, #101828);
+          color: var(--nile-colors-dark-900, var(--ng-colors-text-primary-900));
         }
 
         .char:hover {
-          background: var(--nile-colors-neutral-100, #f2f4f7);
+          background: var(--nile-colors-neutral-100, var(--ng-colors-bg-secondary));
         }
       `,
     ];

package/src/nile-wysiwyg-editor/ui/suggest-list.ts

@@ -46,8 +46,8 @@ export class NileWysiwygSuggestList extends NileElement {
           max-height: 240px;
           overflow-y: auto;
           padding: 4px;
-          background: var(--nile-wysiwyg-popover-bg, #ffffff);
-          border: 1px solid var(--nile-colors-neutral-400, #d0d5dd);
+          background: var(--nile-wysiwyg-popover-bg, var(--ng-colors-bg-primary));
+          border: 1px solid var(--nile-colors-neutral-400, var(--ng-colors-border-primary));
           border-radius: 8px;
           box-shadow: var(--nile-wysiwyg-popover-shadow, 0 4px 12px rgba(16, 24, 40, 0.12));
           font-size: 13px;
@@ -61,22 +61,22 @@ export class NileWysiwygSuggestList extends NileElement {
           padding: 6px 8px;
           border-radius: 5px;
           cursor: pointer;
-          color: var(--nile-colors-neutral-700, #344054);
+          color: var(--nile-colors-neutral-700, var(--ng-colors-text-secondary-700));
         }
 
         .item.active {
-          background: var(--nile-colors-primary-50, var(--ng-componentcolors-utility-blue-50, #eff4ff));
-          color: var(--nile-colors-primary-700, var(--ng-componentcolors-utility-blue-700, #1d4ed8));
+          background: var(--nile-colors-primary-50, var(--ng-componentcolors-utility-blue-50));
+          color: var(--nile-colors-primary-700, var(--ng-componentcolors-utility-blue-700));
         }
 
         .hint {
           font-size: 11px;
-          color: var(--nile-colors-neutral-500, #98a2b3);
+          color: var(--nile-colors-neutral-500, var(--ng-colors-text-quaternary-500));
         }
 
         .empty {
           padding: 6px 8px;
-          color: var(--nile-colors-neutral-500, #98a2b3);
+          color: var(--nile-colors-neutral-500, var(--ng-colors-text-quaternary-500));
         }
       `,
     ];

package/src/nile-wysiwyg-editor/ui/table-grid-picker.ts

@@ -56,11 +56,11 @@ export class NileWysiwygTablePicker extends NileElement {
           border-radius: var(--nile-radius-radius-lg, var(--ng-radius-md, 8px));
           background: transparent;
           cursor: pointer;
-          color: var(--nile-colors-dark-900, var(--ng-colors-text-primary-900, #101828));
+          color: var(--nile-colors-dark-900, var(--ng-colors-text-primary-900));
         }
 
         button.trigger:hover:not(:disabled) {
-          background: var(--nile-colors-neutral-100, #f2f4f7);
+          background: var(--nile-colors-neutral-100, var(--ng-colors-bg-secondary));
         }
 
         button.trigger:disabled {
@@ -74,8 +74,8 @@ export class NileWysiwygTablePicker extends NileElement {
           left: 0;
           z-index: 30;
           padding: 8px;
-          background: var(--nile-wysiwyg-popover-bg, #ffffff);
-          border: 1px solid var(--nile-colors-neutral-400, #d0d5dd);
+          background: var(--nile-wysiwyg-popover-bg, var(--ng-colors-bg-primary));
+          border: 1px solid var(--nile-colors-neutral-400, var(--ng-colors-border-primary));
           border-radius: 8px;
           box-shadow: var(--nile-wysiwyg-popover-shadow, 0 4px 12px rgba(16, 24, 40, 0.12));
         }
@@ -88,22 +88,22 @@ export class NileWysiwygTablePicker extends NileElement {
         .cell {
           width: 14px;
           height: 14px;
-          border: 1px solid var(--nile-colors-neutral-300, #d0d5dd);
+          border: 1px solid var(--nile-colors-neutral-300, var(--ng-colors-border-primary));
           border-radius: 2px;
           box-sizing: border-box;
           cursor: pointer;
         }
 
         .cell.hot {
-          background: var(--nile-colors-primary-100, var(--ng-componentcolors-utility-blue-100, #dbeafe));
-          border-color: var(--nile-colors-primary-600, var(--ng-componentcolors-utility-blue-600, #2563eb));
+          background: var(--nile-colors-primary-100, var(--ng-componentcolors-utility-blue-100));
+          border-color: var(--nile-colors-primary-600, var(--ng-componentcolors-utility-blue-600));
         }
 
         .label {
           margin-top: 6px;
           text-align: center;
           font-size: 12px;
-          color: var(--nile-colors-neutral-600, #475467);
+          color: var(--nile-colors-neutral-600, var(--ng-colors-text-tertiary-600));
         }
 
         .custom {
@@ -112,19 +112,19 @@ export class NileWysiwygTablePicker extends NileElement {
           gap: 6px;
           margin-top: 8px;
           padding-top: 8px;
-          border-top: 1px solid var(--nile-colors-neutral-300, #e4e7ec);
+          border-top: 1px solid var(--nile-colors-neutral-300, var(--ng-colors-border-secondary));
         }
 
         .custom input {
           width: 44px;
           height: 26px;
           padding: 0 6px;
-          border: 1px solid var(--nile-colors-neutral-400, #d0d5dd);
+          border: 1px solid var(--nile-colors-neutral-400, var(--ng-colors-border-primary));
           border-radius: 6px;
           font-size: 12px;
           box-sizing: border-box;
           text-align: center;
-          color: var(--nile-colors-dark-900, var(--ng-colors-text-primary-900, #101828));
+          color: var(--nile-colors-dark-900, var(--ng-colors-text-primary-900));
           font-family: inherit;
           /* Hide native number spinners: they overlap the centered text in this
              narrow field and a stray click on the arrows mutates the value. */
@@ -140,12 +140,12 @@ export class NileWysiwygTablePicker extends NileElement {
 
         .custom input:focus {
           outline: none;
-          border-color: var(--nile-colors-primary-600, var(--ng-componentcolors-utility-blue-600, #2563eb));
+          border-color: var(--nile-colors-primary-600, var(--ng-componentcolors-utility-blue-600));
         }
 
         .custom .times {
           font-size: 12px;
-          color: var(--nile-colors-neutral-600, #475467);
+          color: var(--nile-colors-neutral-600, var(--ng-colors-text-tertiary-600));
         }
 
         .custom button.insert {
@@ -154,8 +154,8 @@ export class NileWysiwygTablePicker extends NileElement {
           padding: 0 12px;
           border: none;
           border-radius: 6px;
-          background: var(--nile-colors-primary-600, var(--ng-componentcolors-utility-blue-600, #2563eb));
-          color: #ffffff;
+          background: var(--nile-colors-primary-600, var(--ng-componentcolors-utility-blue-600));
+          color: var(--ng-colors-text-white);
           font-size: 12px;
           font-weight: 600;
           font-family: inherit;
@@ -163,7 +163,7 @@ export class NileWysiwygTablePicker extends NileElement {
         }
 
         .custom button.insert:hover:not(:disabled) {
-          background: var(--nile-colors-primary-700, #1d4ed8);
+          background: var(--nile-colors-primary-700, var(--ng-componentcolors-utility-blue-700));
         }
 
         .custom button.insert:disabled {

package/src/nile-wysiwyg-editor/ui/table-menu.ts

@@ -54,8 +54,8 @@ export class NileWysiwygTableMenu extends NileElement {
           display: flex;
           gap: 2px;
           padding: 4px;
-          background: var(--nile-wysiwyg-popover-bg, #ffffff);
-          border: 1px solid var(--nile-colors-neutral-400, #d0d5dd);
+          background: var(--nile-wysiwyg-popover-bg, var(--ng-colors-bg-primary));
+          border: 1px solid var(--nile-colors-neutral-400, var(--ng-colors-border-primary));
           border-radius: 8px;
           box-shadow: var(--nile-wysiwyg-popover-shadow, 0 4px 12px rgba(16, 24, 40, 0.12));
         }
@@ -73,11 +73,11 @@ export class NileWysiwygTableMenu extends NileElement {
           cursor: pointer;
           font-size: 12px;
           font-weight: 600;
-          color: var(--nile-colors-neutral-700, #344054);
+          color: var(--nile-colors-neutral-700, var(--ng-colors-text-secondary-700));
         }
 
         button:hover {
-          background: var(--nile-colors-neutral-100, #f2f4f7);
+          background: var(--nile-colors-neutral-100, var(--ng-colors-bg-secondary));
         }
       `,
     ];

package/vscode-html-custom-data.json

@@ -1097,7 +1097,7 @@
     },
     {
       "name": "nile-code-editor",
-      "description": "Nile icon component.\n\nEvents:\n\n  * `nile-focus` {`Event`} - \n\n  * `nile-blur` {`Event`} - \n\nAttributes:\n\n  * `value` {`string`} - \n\n  * `expandIcon` {`string`} - \n\n  * `placeholder` {`string`} - \n\n  * `customAutoCompletions` - \n\n  * `customCompletionsPaths` {`string[]`} - \n\n  * `language` {`\"html\" | \"javascript\" | \"sql\" | \"json\"`} - \n\n  * `error-message` {`string`} - \n\n  * `error` {`boolean`} - \n\n  * `enableSearch` {`boolean`} - \n\n  * `noborder` {`boolean`} - \n\n  * `multiline` {`boolean`} - \n\n  * `enableFoldGutters` {`boolean`} - \n\n  * `allowVariableInCustomSuggestion` {`boolean`} - \n\n  * `lineNumbers` {`boolean`} - \n\n  * `lineNumbersMultiline` {`boolean`} - \n\n  * `hasScroller` {`boolean`} - \n\n  * `expandable` {`boolean`} - \n\n  * `readonly` {`boolean`} - \n\n  * `disabled` {`boolean`} - \n\n  * `debounce` {`boolean`} - \n\n  * `debounceTimeout` {`number`} - \n\n  * `aboveCursor` {`boolean`} - \n\n  * `tabCompletion` {`boolean`} - \n\n  * `defaultFont` {`boolean`} - \n\n  * `hideReadOnlyCursor` {`boolean`} - \n\nProperties:\n\n  * `codeEditor` {`HTMLInputElement`} - \n\n  * `value` {`string`} - \n\n  * `expandIcon` {`string`} - \n\n  * `placeholder` {`string`} - \n\n  * `customAutoCompletions` - \n\n  * `customCompletionsPaths` {`string[]`} - \n\n  * `language` {`\"html\" | \"javascript\" | \"sql\" | \"json\"`} - \n\n  * `errorMessage` {`string`} - \n\n  * `error` {`boolean`} - \n\n  * `enableSearch` {`boolean`} - \n\n  * `noborder` {`boolean`} - \n\n  * `multiline` {`boolean`} - \n\n  * `enableFoldGutters` {`boolean`} - \n\n  * `allowVariableInCustomSuggestion` {`boolean`} - \n\n  * `lineNumbers` {`boolean`} - \n\n  * `disableSyntaxHighlighting` {`boolean`} - \n\n  * `customThemeCSS` {`object | null`} - \n\n  * `lineNumbersMultiline` {`boolean`} - \n\n  * `hasScroller` {`boolean`} - \n\n  * `expandable` {`boolean`} - \n\n  * `readonly` {`boolean`} - \n\n  * `disabled` {`boolean`} - \n\n  * `debounce` {`boolean`} - \n\n  * `debounceTimeout` {`number`} - \n\n  * `aboveCursor` {`boolean`} - \n\n  * `tabCompletion` {`boolean`} - \n\n  * `defaultFont` {`boolean`} - \n\n  * `autoCompleteStyle` {`{ width?: string | undefined; multiline?: boolean | undefined; } | undefined`} - \n\n  * `hideReadOnlyCursor` {`boolean`} - \n\n  * `view` - \n\n  * `viewState` - \n\n  * `timeOut` - \n\n  * `resizeObserver` - \n\n  * `lineNumbersComp` - \n\n  * `restrictSingleLineComp` - \n\n  * `readOnlyComp` - \n\n  * `customCompletionComp` - \n\n  * `placeholderComp` - \n\n  * `defaultSyntaxHighlightingComp` - \n\n  * `themeComp` - \n\n  * `autoCompletionComp` - \n\n  * `autoCompleteStyleComp` - \n\n  * `isSpacePressed` {`boolean`} - \n\n  * `customAutocomplete` - Custom autocomplete handler for code editor suggestions\n\n  * `insertBetweenCode` - \n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
+      "description": "Nile icon component.\n\nEvents:\n\n  * `nile-focus` {`Event`} - \n\n  * `nile-blur` {`Event`} - \n\nAttributes:\n\n  * `value` {`string`} - \n\n  * `expandIcon` {`string`} - \n\n  * `placeholder` {`string`} - \n\n  * `customAutoCompletions` - \n\n  * `customCompletionsPaths` {`string[]`} - \n\n  * `language` {`\"html\" | \"javascript\" | \"sql\" | \"json\"`} - \n\n  * `error-message` {`string`} - \n\n  * `error` {`boolean`} - \n\n  * `enableSearch` {`boolean`} - \n\n  * `noborder` {`boolean`} - \n\n  * `multiline` {`boolean`} - \n\n  * `enableFoldGutters` {`boolean`} - \n\n  * `allowVariableInCustomSuggestion` {`boolean`} - \n\n  * `lineNumbers` {`boolean`} - \n\n  * `lineNumbersMultiline` {`boolean`} - \n\n  * `hasScroller` {`boolean`} - \n\n  * `expandable` {`boolean`} - \n\n  * `readonly` {`boolean`} - \n\n  * `disabled` {`boolean`} - \n\n  * `debounce` {`boolean`} - \n\n  * `debounceTimeout` {`number`} - \n\n  * `aboveCursor` {`boolean`} - \n\n  * `tabCompletion` {`boolean`} - \n\n  * `defaultFont` {`boolean`} - \n\n  * `hideReadOnlyCursor` {`boolean`} - \n\nProperties:\n\n  * `codeEditor` {`HTMLInputElement`} - \n\n  * `value` {`string`} - \n\n  * `expandIcon` {`string`} - \n\n  * `placeholder` {`string`} - \n\n  * `customAutoCompletions` - \n\n  * `customCompletionsPaths` {`string[]`} - \n\n  * `language` {`\"html\" | \"javascript\" | \"sql\" | \"json\"`} - \n\n  * `errorMessage` {`string`} - \n\n  * `error` {`boolean`} - \n\n  * `enableSearch` {`boolean`} - \n\n  * `noborder` {`boolean`} - \n\n  * `multiline` {`boolean`} - \n\n  * `enableFoldGutters` {`boolean`} - \n\n  * `allowVariableInCustomSuggestion` {`boolean`} - \n\n  * `lineNumbers` {`boolean`} - \n\n  * `disableSyntaxHighlighting` {`boolean`} - \n\n  * `customThemeCSS` {`object | null`} - \n\n  * `lineNumbersMultiline` {`boolean`} - \n\n  * `hasScroller` {`boolean`} - \n\n  * `expandable` {`boolean`} - \n\n  * `readonly` {`boolean`} - \n\n  * `disabled` {`boolean`} - \n\n  * `debounce` {`boolean`} - \n\n  * `debounceTimeout` {`number`} - \n\n  * `aboveCursor` {`boolean`} - \n\n  * `tabCompletion` {`boolean`} - \n\n  * `defaultFont` {`boolean`} - \n\n  * `autoCompleteStyle` {`{ width?: string | undefined; multiline?: boolean | undefined; } | undefined`} - \n\n  * `hideReadOnlyCursor` {`boolean`} - \n\n  * `view` - \n\n  * `viewState` - \n\n  * `timeOut` - \n\n  * `resizeObserver` - \n\n  * `lineNumbersComp` - \n\n  * `restrictSingleLineComp` - \n\n  * `readOnlyComp` - \n\n  * `customCompletionComp` - \n\n  * `placeholderComp` - \n\n  * `defaultSyntaxHighlightingComp` - \n\n  * `themeComp` - \n\n  * `autoCompletionComp` - \n\n  * `autoCompleteStyleComp` - \n\n  * `darkThemeComp` - \n\n  * `isSpacePressed` {`boolean`} - \n\n  * `themeObserver` {`MutationObserver | undefined`} - \n\n  * `colorSchemeQuery` {`MediaQueryList | undefined`} - \n\n  * `onThemeChange` - \n\n  * `customAutocomplete` - Custom autocomplete handler for code editor suggestions\n\n  * `insertBetweenCode` - \n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
       "attributes": [
         {
           "name": "value",
@@ -7525,6 +7525,98 @@
         }
       ]
     },
+    {
+      "name": "nile-timestamp-builder",
+      "description": "Events:\n\n  * `nile-init` {} - Emitted when the component is added to the DOM.\n\n  * `nile-destroy` {} - Emitted when the component is removed from the DOM.\n\n  * `nile-change` {} - Emitted when the value is committed.\n\n  * `nile-input` {} - Emitted as fields change, before the value is committed.\n\n  * `nile-expand` {} - Emitted when the editor opens.\n\n  * `nile-collapse` {} - Emitted when the editor closes.\n\n  * `nile-copy` {} - Emitted after the value is written to the clipboard.\n\n  * `nile-copy-error` {} - Emitted when the clipboard write is refused.\n\nAttributes:\n\n  * `timezone` {`string`} - \n\n  * `readonly` {`boolean`} - \n\n  * `copyable` {`boolean`} - \n\n  * `open` {`boolean`} - \n\n  * `label` {`string`} - \n\n  * `minYear` {`number`} - \n\n  * `maxYear` {`number`} - \n\n  * `name` {`string`} - \n\n  * `value` {`Date | null`} - \n\n  * `disabled` {`boolean`} - \n\n  * `form` {`string`} - \n\n  * `required` {`boolean`} - \n\nProperties:\n\n  * `formControlController` - \n\n  * `internalValueUpdate` {`boolean`} - \n\n  * `internalTimezoneUpdate` {`boolean`} - \n\n  * `valueInput` {`HTMLInputElement`} - \n\n  * `_value` {`Date | null`} - \n\n  * `timezone` {`string`} - \n\n  * `readonly` {`boolean`} - \n\n  * `copyable` {`boolean`} - \n\n  * `open` {`boolean`} - \n\n  * `label` {`string`} - \n\n  * `minYear` {`number`} - \n\n  * `maxYear` {`number`} - \n\n  * `wallClock` {`WallClock`} - \n\n  * `timezoneList` {`string[]`} - \n\n  * `hasValue` {`boolean`} - \n\n  * `justCopied` {`boolean`} - \n\n  * `handleSetNow` - \n\n  * `handleCopy` - Copies the canonical zoned value\n\n  * `handleStageNow` - \n\n  * `handleUseLocalTz` - \n\n  * `handleUseUtc` - \n\n  * `DOUBLE_TAP_MS` {`300`} - Touch input has no reliable `dblclick`, so double-taps are timed by hand.\n\n  * `COPIED_FEEDBACK_MS` {`1600`} - \n\n  * `lastTapAt` {`number`} - \n\n  * `copiedTimer` {`number`} - \n\n  * `handleDisplayDoubleClick` - \n\n  * `handleDisplayPointerUp` - \n\n  * `handleDisplayKeyDown` - Keyboard equivalent of the double-click/double-tap edit affordance.\n\n  * `handleEdit` - \n\n  * `handleDone` - \n\n  * `name` {`string`} - \n\n  * `value` {`Date | null`} - \n\n  * `disabled` {`boolean`} - \n\n  * `defaultValue` {`Date | null`} - \n\n  * `defaultChecked` {`boolean | undefined`} - \n\n  * `form` {`string`} - \n\n  * `pattern` {`string | undefined`} - \n\n  * `min` {`string | number | Date | undefined`} - \n\n  * `max` {`string | number | Date | undefined`} - \n\n  * `step` {`number | \"any\" | undefined`} - \n\n  * `required` {`boolean`} - \n\n  * `minlength` {`number | undefined`} - \n\n  * `maxlength` {`number | undefined`} - \n\n  * `validity` {`ValidityState`} - \n\n  * `validationMessage` {`string`} - \n\n  * `checkValidity` - \n\n  * `getForm` - \n\n  * `reportValidity` - \n\n  * `setCustomValidity` - \n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
+      "attributes": [
+        {
+          "name": "timezone",
+          "description": "`timezone` {`string`} - \n\nProperty: timezone\n\nDefault: getLocalTimeZone()"
+        },
+        {
+          "name": "readonly",
+          "description": "`readonly` {`boolean`} - \n\nProperty: readonly\n\nDefault: false",
+          "valueSet": "v"
+        },
+        {
+          "name": "copyable",
+          "description": "`copyable` {`boolean`} - \n\nProperty: copyable\n\nDefault: false",
+          "valueSet": "v"
+        },
+        {
+          "name": "open",
+          "description": "`open` {`boolean`} - \n\nProperty: open\n\nDefault: false",
+          "valueSet": "v"
+        },
+        {
+          "name": "label",
+          "description": "`label` {`string`} - \n\nProperty: label\n\nDefault: "
+        },
+        {
+          "name": "minYear",
+          "description": "`minYear` {`number`} - \n\nProperty: minYear\n\nDefault: 1"
+        },
+        {
+          "name": "maxYear",
+          "description": "`maxYear` {`number`} - \n\nProperty: maxYear\n\nDefault: 9999"
+        },
+        {
+          "name": "name",
+          "description": "`name` {`string`} - \n\nProperty: name\n\nDefault: "
+        },
+        {
+          "name": "value",
+          "description": "`value` {`Date | null`} - \n\nProperty: value",
+          "values": []
+        },
+        {
+          "name": "disabled",
+          "description": "`disabled` {`boolean`} - \n\nProperty: disabled\n\nDefault: false",
+          "valueSet": "v"
+        },
+        {
+          "name": "form",
+          "description": "`form` {`string`} - \n\nProperty: form\n\nDefault: "
+        },
+        {
+          "name": "required",
+          "description": "`required` {`boolean`} - \n\nProperty: required\n\nDefault: false",
+          "valueSet": "v"
+        },
+        {
+          "name": "onnile-init",
+          "description": "`nile-init` {} - Emitted when the component is added to the DOM."
+        },
+        {
+          "name": "onnile-destroy",
+          "description": "`nile-destroy` {} - Emitted when the component is removed from the DOM."
+        },
+        {
+          "name": "onnile-change",
+          "description": "`nile-change` {} - Emitted when the value is committed."
+        },
+        {
+          "name": "onnile-input",
+          "description": "`nile-input` {} - Emitted as fields change, before the value is committed."
+        },
+        {
+          "name": "onnile-expand",
+          "description": "`nile-expand` {} - Emitted when the editor opens."
+        },
+        {
+          "name": "onnile-collapse",
+          "description": "`nile-collapse` {} - Emitted when the editor closes."
+        },
+        {
+          "name": "onnile-copy",
+          "description": "`nile-copy` {} - Emitted after the value is written to the clipboard."
+        },
+        {
+          "name": "onnile-copy-error",
+          "description": "`nile-copy-error` {} - Emitted when the clipboard write is refused."
+        }
+      ]
+    },
     {
       "name": "nile-title",
       "description": "Nile title component.\n\nAttributes:\n\n  * `headerText` {`string`} - \n\n  * `pageTitle` {`string`} - \n\nProperties:\n\n  * `headerText` {`string`} - \n\n  * `pageTitle` {`string`} - \n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
@@ -8124,7 +8216,7 @@
     },
     {
       "name": "nile-wysiwyg-editor",
-      "description": "WYSIWYG rich text editor powered by ProseMirror.\n\nRequires evergreen browsers: selection inside shadow DOM relies on\n`Selection.getComposedRanges()` (Safari 17+, recent Firefox) or Chrome's\n`shadowRoot.getSelection()`.\n\nEvents:\n\n  * `nile-change` {} - Debounced content change. detail: { value, json, content }\n\n  * `nile-input` {} - Every document change. detail: { value, json, content }\n\n  * `nile-focus` {} - Editor gained focus.\n\n  * `nile-blur` {} - Editor lost focus.\n\n  * `nile-selection-change` {} - detail: ToolbarState snapshot.\n\n  * `nile-image-upload-request` {} - Cancelable. detail: { file, insert(src, alt) }.\nCall preventDefault() and use insert() to fully own the upload.\n\n  * `nile-image-upload-error` {} - detail: { file, error } when uploadHandler rejects.\n\n  * `nile-mention-query` {} - detail: { trigger, query, provide(items) } for async sources.\n\n  * `nile-mention-select` {} - detail: { trigger, key, label } when a mention is inserted.\n\n  * `nile-word-count` {} - detail: { words, characters } on every document change.\n\n  * `nile-autosave` {} - detail: { value, json, content } on the autosave interval.\n\nAttributes:\n\n  * `value` {`string`} - Document content as HTML. Not reflected to the attribute.\n\n  * `placeholder` {`string`} - \n\n  * `disabled` {`boolean`} - \n\n  * `readonly` {`boolean`} - \n\n  * `toolbar` {`string`} - Toolbar config string; `\"none\"` hides the toolbar.\n\n  * `bubble-menu` {`boolean`} - Shows a balloon toolbar over text selections.\n\n  * `sanitize` {`boolean`} - Sanitizes incoming HTML (value, paste, insertHTML). Leave on.\n\n  * `singleline` {`boolean`} - Constrains content to a single paragraph.\n\n  * `name` {`string`} - Form field name.\n\n  * `required` {`boolean`} - \n\n  * `upload-from-computer` {`boolean`} - Shows an \"Upload from computer\" button in the Insert Image dialog. Off by\ndefault (URL-only, like the RTE's default); files can always be added via\ndrag & drop or paste regardless.\n\n  * `image-max-file-size` {`number`} - Max upload size (bytes) shown/enforced by the image dialog. Default 2 MB.\n\n  * `mentions` - Mention config: trigger character → items, same shape and JSON attribute\nformat as nile-rich-text-editor. For async sources, configure the\ntrigger with an empty array and listen to nile-mention-query.\n\n  * `no-slash-commands` {`boolean`} - Disables the \"/\" command menu.\n\n  * `no-emoji` {`boolean`} - Disables the \":\" emoji picker.\n\n  * `maxlength` {`number`} - Maximum character count; further input is rejected. 0 = unlimited.\n\n  * `show-counter` {`boolean`} - Always show the word/character counter footer (implied by maxlength).\n\n  * `sticky-toolbar` {`boolean`} - Keeps the toolbar pinned to the viewport while scrolling long content.\n\n  * `snippets` {`SnippetConfig[]`} - Reusable snippets surfaced in the \"/\" menu (JSON attribute).\n\n  * `merge-fields` {`MergeFieldConfig[]`} - Merge fields offered in the merge-field picker (JSON attribute).\n\n  * `templates` {`TemplateConfig[]`} - Content templates offered in the template picker (JSON attribute).\n\n  * `autosave-interval` {`number`} - Emit nile-autosave every N ms while the document has changed. 0 = off.\n\n  * `paste-as-plain-text` {`boolean`} - When on, every paste drops formatting and inserts plain text.\n\n  * `no-markdown-paste` {`boolean`} - Disables Markdown detection on plain-text pastes.\n\n  * `no-text-transform` {`boolean`} - Disables typography autocorrect (smart quotes, dashes, (c) → ©).\n\n  * `fullscreen` {`boolean`} - Expands the editor to fill the viewport. Esc exits.\n\n  * `show-blocks` {`boolean`} - Outlines block boundaries (paragraphs, headings, lists…) while editing.\n\nProperties:\n\n  * `formAssociated` {`boolean`} - \n\n  * `value` {`string`} - Document content as HTML. Not reflected to the attribute.\n\n  * `placeholder` {`string`} - \n\n  * `disabled` {`boolean`} - \n\n  * `readonly` {`boolean`} - \n\n  * `toolbar` {`string`} - Toolbar config string; `\"none\"` hides the toolbar.\n\n  * `authoredToolbar` {`AuthoredToolbarItem[] | undefined`} - Toolbar built from authored `<nile-wysiwyg-toolbar-item>` light-DOM\nchildren. When present it takes precedence over the `toolbar` string.\n\n  * `authoredBubble` {`AuthoredToolbarItem[] | undefined`} - Bubble menu built from authored `<nile-wysiwyg-bubble-item>` light-DOM\nchildren. When present it replaces the built-in bold/italic/underline/\nstrike/link set.\n\n  * `toolbarObserver` {`MutationObserver | undefined`} - Watches authored toolbar/bubble children so edits re-render them.\n\n  * `bubbleMenu` {`boolean`} - Shows a balloon toolbar over text selections.\n\n  * `sanitize` {`boolean`} - Sanitizes incoming HTML (value, paste, insertHTML). Leave on.\n\n  * `singleLine` {`boolean`} - Constrains content to a single paragraph.\n\n  * `name` {`string`} - Form field name.\n\n  * `required` {`boolean`} - \n\n  * `uploadHandler` - Async image upload handler. When set, pasted/dropped/picked image files\nare uploaded through it (an \"Uploading…\" placeholder shows meanwhile)\nand the returned src is inserted.\n\n  * `allowBase64Images` {`boolean`} - Fallback when no uploadHandler is set and no nile-image-upload-request\nlistener takes over: embed image files as base64 data URLs.\n\n  * `uploadFromComputer` {`boolean`} - Shows an \"Upload from computer\" button in the Insert Image dialog. Off by\ndefault (URL-only, like the RTE's default); files can always be added via\ndrag & drop or paste regardless.\n\n  * `imageMaxFileSize` {`number`} - Max upload size (bytes) shown/enforced by the image dialog. Default 2 MB.\n\n  * `mentions` - Mention config: trigger character → items, same shape and JSON attribute\nformat as nile-rich-text-editor. For async sources, configure the\ntrigger with an empty array and listen to nile-mention-query.\n\n  * `noSlashCommands` {`boolean`} - Disables the \"/\" command menu.\n\n  * `noEmoji` {`boolean`} - Disables the \":\" emoji picker.\n\n  * `maxLength` {`number`} - Maximum character count; further input is rejected. 0 = unlimited.\n\n  * `showCounter` {`boolean`} - Always show the word/character counter footer (implied by maxlength).\n\n  * `stickyToolbar` {`boolean`} - Keeps the toolbar pinned to the viewport while scrolling long content.\n\n  * `snippets` {`SnippetConfig[]`} - Reusable snippets surfaced in the \"/\" menu (JSON attribute).\n\n  * `mergeFields` {`MergeFieldConfig[]`} - Merge fields offered in the merge-field picker (JSON attribute).\n\n  * `templates` {`TemplateConfig[]`} - Content templates offered in the template picker (JSON attribute).\n\n  * `mathRenderer` - Renders a math node's LaTeX to HTML (KaTeX/MathJax/MathML). When unset,\nthe raw LaTeX is shown. Same trust level as uploadHandler — output is\ninserted as HTML.\n\n  * `autosaveInterval` {`number`} - Emit nile-autosave every N ms while the document has changed. 0 = off.\n\n  * `pasteAsPlainText` {`boolean`} - When on, every paste drops formatting and inserts plain text.\n\n  * `noMarkdownPaste` {`boolean`} - Disables Markdown detection on plain-text pastes.\n\n  * `noTextTransform` {`boolean`} - Disables typography autocorrect (smart quotes, dashes, (c) → ©).\n\n  * `fullscreen` {`boolean`} - Expands the editor to fill the viewport. Esc exits.\n\n  * `showBlocks` {`boolean`} - Outlines block boundaries (paragraphs, headings, lists…) while editing.\n\n  * `toolbarState` {`ToolbarState | undefined`} - \n\n  * `hasFocus` {`boolean`} - \n\n  * `sourceMode` {`boolean`} - \n\n  * `counter` {`{ words: number; characters: number; }`} - \n\n  * `insertMenuMode` {`\"template\" | \"merge\" | null`} - Which list the shared insert-menu is showing, if open.\n\n  * `baseEl` {`HTMLElement`} - \n\n  * `toolbarEl` {`HTMLElement | undefined`} - \n\n  * `surfaceEl` {`HTMLElement`} - \n\n  * `linkEditorEl` - \n\n  * `bubbleMenuEl` - \n\n  * `imagePanelEl` - \n\n  * `tableMenuEl` - \n\n  * `suggestListEl` - \n\n  * `findBarEl` - \n\n  * `sourceViewEl` - \n\n  * `embedPanelEl` - \n\n  * `bookmarkPanelEl` - \n\n  * `codeMenuEl` - \n\n  * `shortcutHelpEl` - \n\n  * `imageMenuEl` - \n\n  * `embedMenuEl` - \n\n  * `specialCharsEl` - \n\n  * `emojiPickerEl` - \n\n  * `insertMenuEl` - \n\n  * `mathPanelEl` - \n\n  * `markdownPanelEl` - \n\n  * `view` - \n\n  * `mentionMatch` {`SuggestionMatch | null`} - \n\n  * `slashMatch` {`SuggestionMatch | null`} - \n\n  * `emojiMatch` {`SuggestionMatch | null`} - \n\n  * `activeSuggestSource` {`\"mention\" | \"slash\" | \"emoji\" | null`} - \n\n  * `suggestDismissed` {`string | null`} - \n\n  * `mentionQueryToken` {`string`} - \n\n  * `autosaveTimer` - \n\n  * `lastAutosaveValue` {`string`} - \n\n  * `internals` - \n\n  * `defaultValue` {`string`} - \n\n  * `syncingValue` {`boolean`} - \n\n  * `changeTimer` - \n\n  * `pendingChange` {`boolean`} - \n\n  * `previousBodyOverflow` {`string | null`} - Body overflow value before fullscreen locked it; null = not locked.\n\n  * `painterDragActive` {`boolean`} - True while a drag-selection is in progress with the format painter armed.\nSuppresses the mid-drag auto-apply in {@link handleTransaction} so the\ncopied formatting lands on the final, complete selection (on mouse-up).\n\n  * `onPainterPointerDown` - \n\n  * `onPainterPointerUp` - \n\n  * `contentRoot` {`HTMLElement | null`} - The live, styled content element used as the source for exports.\n\n  * `pmView` - The underlying ProseMirror EditorView. Advanced escape hatch.\n\n  * `json` - Document as ProseMirror JSON.\n\n  * `override` - \n\n  * `floatingPanels` {`({ open: boolean; } | undefined)[]`} - The floating insert panels that should dismiss on outside interaction.\n\n  * `onOutsidePointerDown` - Closes any open insert panel when the pointer goes down outside of it —\nwhether elsewhere in the editor (e.g. the content area) or off the widget.\n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
+      "description": "WYSIWYG rich text editor powered by ProseMirror.\n\nRequires evergreen browsers: selection inside shadow DOM relies on\n`Selection.getComposedRanges()` (Safari 17+, recent Firefox) or Chrome's\n`shadowRoot.getSelection()`.\n\nEvents:\n\n  * `nile-change` {} - Debounced content change. detail: { value, json, content }\n\n  * `nile-input` {} - Every document change. detail: { value, json, content }\n\n  * `nile-focus` {} - Editor gained focus.\n\n  * `nile-blur` {} - Editor lost focus.\n\n  * `nile-selection-change` {} - detail: ToolbarState snapshot.\n\n  * `nile-image-upload-request` {} - Cancelable. detail: { file, insert(src, alt) }.\nCall preventDefault() and use insert() to fully own the upload.\n\n  * `nile-image-upload-error` {} - detail: { file, error } when uploadHandler rejects.\n\n  * `nile-mention-query` {} - detail: { trigger, query, provide(items) } for async sources.\n\n  * `nile-mention-select` {} - detail: { trigger, key, label } when a mention is inserted.\n\n  * `nile-word-count` {} - detail: { words, characters } on every document change.\n\n  * `nile-autosave` {} - detail: { value, json, content } on the autosave interval.\n\nAttributes:\n\n  * `value` {`string`} - Document content as HTML. Not reflected to the attribute.\n\n  * `placeholder` {`string`} - \n\n  * `disabled` {`boolean`} - \n\n  * `readonly` {`boolean`} - \n\n  * `toolbar` {`string`} - Toolbar config string; `\"none\"` hides the toolbar.\n\n  * `bubble-menu` {`boolean`} - Shows a balloon toolbar over text selections.\n\n  * `sanitize` {`boolean`} - Sanitizes incoming HTML (value, paste, insertHTML). Leave on.\n\n  * `singleline` {`boolean`} - Constrains content to a single paragraph.\n\n  * `name` {`string`} - Form field name.\n\n  * `required` {`boolean`} - \n\n  * `upload-from-computer` {`boolean`} - Shows an \"Upload from computer\" button in the Insert Image dialog. Off by\ndefault (URL-only, like the RTE's default); files can always be added via\ndrag & drop or paste regardless.\n\n  * `image-max-file-size` {`number`} - Max upload size (bytes) shown/enforced by the image dialog. Default 2 MB.\n\n  * `mentions` - Mention config: trigger character → items, same shape and JSON attribute\nformat as nile-rich-text-editor. For async sources, configure the\ntrigger with an empty array and listen to nile-mention-query.\n\n  * `no-slash-commands` {`boolean`} - Disables the \"/\" command menu.\n\n  * `no-emoji` {`boolean`} - Disables the \":\" emoji picker.\n\n  * `maxlength` {`number`} - Maximum character count; further input is rejected. 0 = unlimited.\n\n  * `show-counter` {`boolean`} - Always show the word/character counter footer (implied by maxlength).\n\n  * `sticky-toolbar` {`boolean`} - Keeps the toolbar pinned to the viewport while scrolling long content.\n\n  * `snippets` {`SnippetConfig[]`} - Reusable snippets surfaced in the \"/\" menu (JSON attribute).\n\n  * `merge-fields` {`MergeFieldConfig[]`} - Merge fields offered in the merge-field picker (JSON attribute).\n\n  * `templates` {`TemplateConfig[]`} - Content templates offered in the template picker (JSON attribute).\n\n  * `autosave-interval` {`number`} - Emit nile-autosave every N ms while the document has changed. 0 = off.\n\n  * `paste-as-plain-text` {`boolean`} - When on, every paste drops formatting and inserts plain text.\n\n  * `no-markdown-paste` {`boolean`} - Disables Markdown detection on plain-text pastes.\n\n  * `no-text-transform` {`boolean`} - Disables typography autocorrect (smart quotes, dashes, (c) → ©).\n\n  * `fullscreen` {`boolean`} - Expands the editor to fill the viewport. Esc exits.\n\n  * `show-blocks` {`boolean`} - Outlines block boundaries (paragraphs, headings, lists…) while editing.\n\nProperties:\n\n  * `formAssociated` {`boolean`} - \n\n  * `value` {`string`} - Document content as HTML. Not reflected to the attribute.\n\n  * `placeholder` {`string`} - \n\n  * `disabled` {`boolean`} - \n\n  * `readonly` {`boolean`} - \n\n  * `toolbar` {`string`} - Toolbar config string; `\"none\"` hides the toolbar.\n\n  * `authoredToolbar` {`AuthoredToolbarItem[] | undefined`} - Toolbar built from authored `<nile-wysiwyg-toolbar-item>` light-DOM\nchildren. When present it takes precedence over the `toolbar` string.\n\n  * `authoredBubble` {`AuthoredToolbarItem[] | undefined`} - Bubble menu built from authored `<nile-wysiwyg-bubble-item>` light-DOM\nchildren. When present it replaces the built-in bold/italic/underline/\nstrike/link set.\n\n  * `toolbarObserver` {`MutationObserver | undefined`} - Watches authored toolbar/bubble children so edits re-render them.\n\n  * `bubbleMenu` {`boolean`} - Shows a balloon toolbar over text selections.\n\n  * `sanitize` {`boolean`} - Sanitizes incoming HTML (value, paste, insertHTML). Leave on.\n\n  * `singleLine` {`boolean`} - Constrains content to a single paragraph.\n\n  * `name` {`string`} - Form field name.\n\n  * `required` {`boolean`} - \n\n  * `uploadHandler` - Async image upload handler. When set, pasted/dropped/picked image files\nare uploaded through it (an \"Uploading…\" placeholder shows meanwhile)\nand the returned src is inserted.\n\n  * `allowBase64Images` {`boolean`} - Fallback when no uploadHandler is set and no nile-image-upload-request\nlistener takes over: embed image files as base64 data URLs.\n\n  * `uploadFromComputer` {`boolean`} - Shows an \"Upload from computer\" button in the Insert Image dialog. Off by\ndefault (URL-only, like the RTE's default); files can always be added via\ndrag & drop or paste regardless.\n\n  * `imageMaxFileSize` {`number`} - Max upload size (bytes) shown/enforced by the image dialog. Default 2 MB.\n\n  * `mentions` - Mention config: trigger character → items, same shape and JSON attribute\nformat as nile-rich-text-editor. For async sources, configure the\ntrigger with an empty array and listen to nile-mention-query.\n\n  * `noSlashCommands` {`boolean`} - Disables the \"/\" command menu.\n\n  * `noEmoji` {`boolean`} - Disables the \":\" emoji picker.\n\n  * `maxLength` {`number`} - Maximum character count; further input is rejected. 0 = unlimited.\n\n  * `showCounter` {`boolean`} - Always show the word/character counter footer (implied by maxlength).\n\n  * `stickyToolbar` {`boolean`} - Keeps the toolbar pinned to the viewport while scrolling long content.\n\n  * `snippets` {`SnippetConfig[]`} - Reusable snippets surfaced in the \"/\" menu (JSON attribute).\n\n  * `mergeFields` {`MergeFieldConfig[]`} - Merge fields offered in the merge-field picker (JSON attribute).\n\n  * `templates` {`TemplateConfig[]`} - Content templates offered in the template picker (JSON attribute).\n\n  * `mathRenderer` - Renders a math node's LaTeX to HTML (KaTeX/MathJax/MathML). When unset,\nthe raw LaTeX is shown. Same trust level as uploadHandler — output is\ninserted as HTML.\n\n  * `autosaveInterval` {`number`} - Emit nile-autosave every N ms while the document has changed. 0 = off.\n\n  * `pasteAsPlainText` {`boolean`} - When on, every paste drops formatting and inserts plain text.\n\n  * `noMarkdownPaste` {`boolean`} - Disables Markdown detection on plain-text pastes.\n\n  * `noTextTransform` {`boolean`} - Disables typography autocorrect (smart quotes, dashes, (c) → ©).\n\n  * `fullscreen` {`boolean`} - Expands the editor to fill the viewport. Esc exits.\n\n  * `showBlocks` {`boolean`} - Outlines block boundaries (paragraphs, headings, lists…) while editing.\n\n  * `toolbarState` {`ToolbarState | undefined`} - \n\n  * `hasFocus` {`boolean`} - \n\n  * `sourceMode` {`boolean`} - \n\n  * `counter` {`{ words: number; characters: number; }`} - \n\n  * `insertMenuMode` {`\"template\" | \"merge\" | null`} - Which list the shared insert-menu is showing, if open.\n\n  * `baseEl` {`HTMLElement`} - \n\n  * `toolbarEl` {`HTMLElement | undefined`} - \n\n  * `surfaceEl` {`HTMLElement`} - \n\n  * `linkEditorEl` - \n\n  * `bubbleMenuEl` - \n\n  * `imagePanelEl` - \n\n  * `tableMenuEl` - \n\n  * `suggestListEl` - \n\n  * `findBarEl` - \n\n  * `sourceViewEl` - \n\n  * `embedPanelEl` - \n\n  * `bookmarkPanelEl` - \n\n  * `codeMenuEl` - \n\n  * `shortcutHelpEl` - \n\n  * `imageMenuEl` - \n\n  * `embedMenuEl` - \n\n  * `specialCharsEl` - \n\n  * `emojiPickerEl` - \n\n  * `insertMenuEl` - \n\n  * `mathPanelEl` - \n\n  * `markdownPanelEl` - \n\n  * `view` - \n\n  * `mentionMatch` {`SuggestionMatch | null`} - \n\n  * `slashMatch` {`SuggestionMatch | null`} - \n\n  * `emojiMatch` {`SuggestionMatch | null`} - \n\n  * `activeSuggestSource` {`\"mention\" | \"slash\" | \"emoji\" | null`} - \n\n  * `suggestDismissed` {`string | null`} - \n\n  * `mentionQueryToken` {`string`} - \n\n  * `autosaveTimer` - \n\n  * `lastAutosaveValue` {`string`} - \n\n  * `internals` - \n\n  * `defaultValue` {`string`} - \n\n  * `syncingValue` {`boolean`} - \n\n  * `changeTimer` - \n\n  * `pendingChange` {`boolean`} - \n\n  * `previousBodyOverflow` {`string | null`} - Body overflow value before fullscreen locked it; null = not locked.\n\n  * `onAnyScroll` - \n\n  * `painterDragActive` {`boolean`} - True while a drag-selection is in progress with the format painter armed.\nSuppresses the mid-drag auto-apply in {@link handleTransaction} so the\ncopied formatting lands on the final, complete selection (on mouse-up).\n\n  * `onPainterPointerDown` - \n\n  * `onPainterPointerUp` - \n\n  * `contentRoot` {`HTMLElement | null`} - The live, styled content element used as the source for exports.\n\n  * `pmView` - The underlying ProseMirror EditorView. Advanced escape hatch.\n\n  * `json` - Document as ProseMirror JSON.\n\n  * `override` - \n\n  * `floatingPanels` {`({ open: boolean; } | undefined)[]`} - The floating insert panels that should dismiss on outside interaction.\n\n  * `onOutsidePointerDown` - Closes any open insert panel when the pointer goes down outside of it —\nwhether elsewhere in the editor (e.g. the content area) or off the widget.\n\n  * `BUBBLES` {`boolean`} - \n\n  * `COMPOSED` {`boolean`} - \n\n  * `CANCELABLE` {`boolean`} - ",
       "attributes": [
         {
           "name": "value",