@domternal/angular 0.14.0 → 1.0.0

package/dist/types/domternal-angular.d.ts

@@ -2,7 +2,7 @@ import * as _angular_core from '@angular/core';
 import { OnDestroy, ElementRef } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
 import * as _domternal_core from '@domternal/core';
-import { AnyExtension, Content, FocusPosition, Editor, JSONContent, IconSet, ToolbarLayoutEntry, ToolbarGroup, ToolbarDropdown, ToolbarButton, ToolbarItem, FloatingMenuItemsOverride, FloatingMenuKeymap, FloatingMenuItem } from '@domternal/core';
+import { AnyExtension, Content, EditorPreset, FocusPosition, Editor, JSONContent, IconSet, ToolbarLayoutEntry, ToolbarGroup, ToolbarDropdown, ToolbarButton, ToolbarItem, BubbleContexts, BubbleMenuItem, FloatingMenuItemsOverride, FloatingMenuKeymap, FloatingMenuItem } from '@domternal/core';
 export { AnyExtension, Content, Editor, FocusPosition, JSONContent } from '@domternal/core';
 import { SafeHtml } from '@angular/platform-browser';
 import * as prosemirror_state from 'prosemirror-state';
@@ -19,6 +19,12 @@ declare class DomternalEditorComponent implements ControlValueAccessor, OnDestro
     readonly history: _angular_core.InputSignal<boolean>;
     readonly content: _angular_core.InputSignal<Content>;
     readonly editable: _angular_core.InputSignal<boolean>;
+    /**
+     * Editing experience preset. `'notion'` paints `dm-notion-mode` on this
+     * component's host and switches preset-aware extensions to their Notion
+     * behavior, replacing the hand-written class. Create-time only.
+     */
+    readonly preset: _angular_core.InputSignal<EditorPreset>;
     readonly autofocus: _angular_core.InputSignal<FocusPosition>;
     readonly outputFormat: _angular_core.InputSignal<"html" | "json">;
     readonly editorCreated: _angular_core.OutputEmitterRef<Editor>;
@@ -62,7 +68,7 @@ declare class DomternalEditorComponent implements ControlValueAccessor, OnDestro
     private recreateEditor;
     private createEditor;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DomternalEditorComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DomternalEditorComponent, "domternal-editor", never, { "extensions": { "alias": "extensions"; "required": false; "isSignal": true; }; "history": { "alias": "history"; "required": false; "isSignal": true; }; "content": { "alias": "content"; "required": false; "isSignal": true; }; "editable": { "alias": "editable"; "required": false; "isSignal": true; }; "autofocus": { "alias": "autofocus"; "required": false; "isSignal": true; }; "outputFormat": { "alias": "outputFormat"; "required": false; "isSignal": true; }; }, { "editorCreated": "editorCreated"; "contentUpdated": "contentUpdated"; "selectionChanged": "selectionChanged"; "focusChanged": "focusChanged"; "blurChanged": "blurChanged"; "editorDestroyed": "editorDestroyed"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DomternalEditorComponent, "domternal-editor", never, { "extensions": { "alias": "extensions"; "required": false; "isSignal": true; }; "history": { "alias": "history"; "required": false; "isSignal": true; }; "content": { "alias": "content"; "required": false; "isSignal": true; }; "editable": { "alias": "editable"; "required": false; "isSignal": true; }; "preset": { "alias": "preset"; "required": false; "isSignal": true; }; "autofocus": { "alias": "autofocus"; "required": false; "isSignal": true; }; "outputFormat": { "alias": "outputFormat"; "required": false; "isSignal": true; }; }, { "editorCreated": "editorCreated"; "contentUpdated": "contentUpdated"; "selectionChanged": "selectionChanged"; "focusChanged": "focusChanged"; "blurChanged": "blurChanged"; "editorDestroyed": "editorDestroyed"; }, never, never, true, never>;
 }
 
 declare class DomternalToolbarComponent implements OnDestroy {
@@ -77,6 +83,7 @@ declare class DomternalToolbarComponent implements OnDestroy {
     readonly activeVersion: _angular_core.WritableSignal<number>;
     private controller;
     private clickOutsideHandler;
+    private escapeKeydownHandler;
     private dismissOverlayHandler;
     private editorEl;
     private cleanupFloating;
@@ -125,11 +132,6 @@ declare class DomternalToolbarComponent implements OnDestroy {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<DomternalToolbarComponent, "domternal-toolbar", never, { "editor": { "alias": "editor"; "required": true; "isSignal": true; }; "icons": { "alias": "icons"; "required": false; "isSignal": true; }; "layout": { "alias": "layout"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
-interface BubbleMenuSeparator {
-    type: 'separator';
-    name: string;
-}
-type BubbleMenuItem = ToolbarButton | ToolbarDropdown | BubbleMenuSeparator;
 declare class DomternalBubbleMenuComponent implements OnDestroy {
     readonly editor: _angular_core.InputSignal<Editor>;
     readonly shouldShow: _angular_core.InputSignal<(props: {
@@ -144,8 +146,18 @@ declare class DomternalBubbleMenuComponent implements OnDestroy {
     readonly updateDelay: _angular_core.InputSignal<number>;
     /** Fixed item names (e.g. ['bold', 'italic', 'code']). Omit for auto mode (all format items). */
     readonly items: _angular_core.InputSignal<string[]>;
-    /** Context-aware: map context names to item arrays, `true` for all valid items, or `null` to disable */
-    readonly contexts: _angular_core.InputSignal<Record<string, true | string[]>>;
+    /**
+     * Context-aware: map context names to item arrays, `true` for all valid
+     * items, or `null` to disable.
+     *
+     * Typed through core's `BubbleContexts` rather than the same shape written
+     * out here. Angular emits an input's declared type into the package types,
+     * and an inline union came out of that emit as `Record<string, true |
+     * string[]>`: the `null` that disables a context was missing from the
+     * published type, so the documented way to switch one off did not
+     * type-check. A named type survives the trip intact.
+     */
+    readonly contexts: _angular_core.InputSignal<BubbleContexts>;
     /**
      * Custom icon overrides. Falls back to default Phosphor icons for unmapped keys.
      * For nullable bindings, use `iconsSignal() ?? {}` to satisfy strict template checks.
@@ -161,6 +173,13 @@ declare class DomternalBubbleMenuComponent implements OnDestroy {
     private resolveContexts;
     /** Internal - updated on transactions. Not meant to be set from outside. */
     readonly resolvedItems: _angular_core.WritableSignal<BubbleMenuItem[]>;
+    /**
+     * The list core hands back, stored once. A default or fallback list comes
+     * back by reference and a signal set to its current value notifies nobody,
+     * so those passes cost nothing; a list resolved from names is rebuilt each
+     * time, as it always was.
+     */
+    private setResolvedItems;
     /** Internal - true when the BlockContextMenu extension is loaded; toggles the "..." trailing button. */
     readonly showBlockMenuButton: _angular_core.WritableSignal<boolean>;
     /** Internal - true when the selection spans more than one top-level block; the "..." trigger is disabled in that case because block-level commands have no unambiguous target. */
@@ -169,6 +188,14 @@ declare class DomternalBubbleMenuComponent implements OnDestroy {
     readonly isNodeSelection: _angular_core.WritableSignal<boolean>;
     /** Internal - true when the NotionColorPicker extension is loaded; toggles the "A" color trigger. */
     readonly showColorPickerButton: _angular_core.WritableSignal<boolean>;
+    /**
+     * The trailing triggers, resolved once for the template: each is read twice,
+     * for the button and for the separator that may lead it.
+     */
+    readonly showColorTrigger: _angular_core.Signal<boolean>;
+    readonly showBlockTrigger: _angular_core.Signal<boolean>;
+    /** notionColorPicker extension loaded (immutable per editor). */
+    private hasNotionColorPicker;
     /** Current text color CSS variable expression for the trigger glyph (null = default). */
     readonly currentTextColorVar: _angular_core.WritableSignal<string>;
     /** Current background color CSS variable expression for the trigger underline (null = transparent). */
@@ -180,12 +207,11 @@ declare class DomternalBubbleMenuComponent implements OnDestroy {
     private sanitizer;
     private ngZone;
     private activeVersion;
-    private itemMap;
-    private dropdownMap;
+    /** Rebuilt per editor by `setupItemTracking`; empty until then. */
+    private maps;
     private activeMap;
     private disabledMap;
     private htmlCache;
-    private bubbleDefaults;
     private transactionHandler;
     readonly openDropdown: _angular_core.WritableSignal<string>;
     private dropdownCleanupFloating;
@@ -212,14 +238,6 @@ declare class DomternalBubbleMenuComponent implements OnDestroy {
      * "visual block" the user is editing.
      */
     openBlockContextMenu(anchor: HTMLElement): void;
-    private buildItemMap;
-    private resolveNames;
-    private getFormatItems;
-    private detectContext;
-    private findCellNode;
-    /** Filters out mark items that the context node type doesn't allow (e.g. bold on codeBlock) */
-    private filterBySchema;
-    private buildBubbleDefaults;
     private setupItemTracking;
     /**
      * Refresh state for the optional trailing buttons (A color trigger,
@@ -240,7 +258,6 @@ declare class DomternalBubbleMenuComponent implements OnDestroy {
      * applied at the cursor (Notion-style live preview).
      */
     private syncColorTriggerState;
-    private updateContextItems;
     private updateStates;
     asButton(item: BubbleMenuItem): ToolbarButton;
     asDropdown(item: BubbleMenuItem): ToolbarDropdown;

package/package.json

@@ -1,11 +1,14 @@
 {
   "name": "@domternal/angular",
-  "version": "0.14.0",
+  "version": "1.0.0",
   "description": "Angular components for Domternal editor",
   "author": "https://github.com/ThomasNowHere",
   "license": "MIT",
   "type": "module",
   "sideEffects": false,
+  "engines": {
+    "node": ">=22"
+  },
   "types": "./dist/types/domternal-angular.d.ts",
   "exports": {
     ".": {
@@ -17,7 +20,7 @@
     "@angular/core": ">=17.1.0",
     "@angular/forms": ">=17.1.0",
     "@angular/platform-browser": ">=17.1.0",
-    "@domternal/core": ">=0.14.0"
+    "@domternal/core": ">=1.0.0"
   },
   "files": [
     "dist"
@@ -25,12 +28,6 @@
   "dependencies": {
     "tslib": "^2.8.0"
   },
-  "scripts": {
-    "build": "ng-packagr -p ng-package.json",
-    "lint": "eslint src",
-    "prepublishOnly": "pnpm build && node -e \"const p=JSON.parse(require('fs').readFileSync('package.json','utf8'));delete p.devDependencies;if(p.dependencies){for(const[k,v]of Object.entries(p.dependencies)){if(v==='workspace:*')p.dependencies[k]='>=0.14.0'}}require('fs').writeFileSync('package.json',JSON.stringify(p,null,2)+'\\n')\"",
-    "postpublish": "git checkout package.json"
-  },
   "keywords": [
     "angular",
     "prosemirror",
@@ -46,5 +43,9 @@
   "bugs": {
     "url": "https://github.com/domternal/domternal/issues"
   },
-  "homepage": "https://domternal.dev"
-}
+  "homepage": "https://domternal.dev",
+  "scripts": {
+    "build": "ng-packagr -p ng-package.json",
+    "lint": "eslint src"
+  }
+}