@ecodev/natural-editor 47.3.2 → 48.0.0

package/lib/class-dialog/class-dialog.component.d.ts

@@ -1,4 +1,4 @@
-import { MatLegacyDialogRef as MatDialogRef } from '@angular/material/legacy-dialog';
+import { MatDialogRef } from '@angular/material/dialog';
 import { FormControl, FormGroup } from '@angular/forms';
 import * as i0 from "@angular/core";
 export interface ClassDialogData {

package/lib/color-dialog/color-dialog.component.d.ts

@@ -1,4 +1,4 @@
-import { MatLegacyDialogRef as MatDialogRef } from '@angular/material/legacy-dialog';
+import { MatDialogRef } from '@angular/material/dialog';
 import { FormControl, FormGroup } from '@angular/forms';
 import * as i0 from "@angular/core";
 export interface ColorDialogData {

package/lib/editor/editor.component.d.ts

@@ -1,6 +1,6 @@
 import { EventEmitter, OnDestroy, OnInit } from '@angular/core';
 import { ControlValueAccessor, NgControl } from '@angular/forms';
-import { MatLegacyDialog as MatDialog } from '@angular/material/legacy-dialog';
+import { MatDialog } from '@angular/material/dialog';
 import { ImagePlugin, ImageUploader } from '../utils/image';
 import { Key, MenuItems } from '../utils/menu';
 import * as i0 from "@angular/core";

package/lib/editor.module.d.ts

@@ -6,20 +6,20 @@ import * as i4 from "./link-dialog/link-dialog.component";
 import * as i5 from "./editor/editor.component";
 import * as i6 from "./custom-css/custom-css.directive";
 import * as i7 from "@angular/common";
-import * as i8 from "@angular/material/legacy-button";
+import * as i8 from "@angular/material/button";
 import * as i9 from "@angular/material/button-toggle";
-import * as i10 from "@angular/material/legacy-dialog";
+import * as i10 from "@angular/material/dialog";
 import * as i11 from "@angular/material/divider";
-import * as i12 from "@angular/material/legacy-form-field";
+import * as i12 from "@angular/material/form-field";
 import * as i13 from "@angular/material/icon";
-import * as i14 from "@angular/material/legacy-input";
-import * as i15 from "@angular/material/legacy-menu";
+import * as i14 from "@angular/material/input";
+import * as i15 from "@angular/material/menu";
 import * as i16 from "@angular/material/toolbar";
-import * as i17 from "@angular/material/legacy-tooltip";
+import * as i17 from "@angular/material/tooltip";
 import * as i18 from "@ecodev/natural";
 import * as i19 from "@angular/forms";
 export declare class NaturalEditorModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<NaturalEditorModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<NaturalEditorModule, [typeof i1.ClassDialogComponent, typeof i2.ColorDialogComponent, typeof i3.IdDialogComponent, typeof i4.LinkDialogComponent, typeof i5.NaturalEditorComponent, typeof i6.NaturalCustomCssDirective], [typeof i7.CommonModule, typeof i8.MatLegacyButtonModule, typeof i9.MatButtonToggleModule, typeof i10.MatLegacyDialogModule, typeof i11.MatDividerModule, typeof i12.MatLegacyFormFieldModule, typeof i13.MatIconModule, typeof i14.MatLegacyInputModule, typeof i15.MatLegacyMenuModule, typeof i16.MatToolbarModule, typeof i17.MatLegacyTooltipModule, typeof i18.NaturalFileModule, typeof i18.NaturalIconModule, typeof i19.ReactiveFormsModule], [typeof i7.CommonModule, typeof i8.MatLegacyButtonModule, typeof i9.MatButtonToggleModule, typeof i10.MatLegacyDialogModule, typeof i11.MatDividerModule, typeof i12.MatLegacyFormFieldModule, typeof i13.MatIconModule, typeof i14.MatLegacyInputModule, typeof i15.MatLegacyMenuModule, typeof i16.MatToolbarModule, typeof i17.MatLegacyTooltipModule, typeof i18.NaturalFileModule, typeof i18.NaturalIconModule, typeof i19.ReactiveFormsModule, typeof i5.NaturalEditorComponent, typeof i6.NaturalCustomCssDirective]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<NaturalEditorModule, [typeof i1.ClassDialogComponent, typeof i2.ColorDialogComponent, typeof i3.IdDialogComponent, typeof i4.LinkDialogComponent, typeof i5.NaturalEditorComponent, typeof i6.NaturalCustomCssDirective], [typeof i7.CommonModule, typeof i8.MatButtonModule, typeof i9.MatButtonToggleModule, typeof i10.MatDialogModule, typeof i11.MatDividerModule, typeof i12.MatFormFieldModule, typeof i13.MatIconModule, typeof i14.MatInputModule, typeof i15.MatMenuModule, typeof i16.MatToolbarModule, typeof i17.MatTooltipModule, typeof i18.NaturalFileModule, typeof i18.NaturalIconModule, typeof i19.ReactiveFormsModule], [typeof i7.CommonModule, typeof i8.MatButtonModule, typeof i9.MatButtonToggleModule, typeof i10.MatDialogModule, typeof i11.MatDividerModule, typeof i12.MatFormFieldModule, typeof i13.MatIconModule, typeof i14.MatInputModule, typeof i15.MatMenuModule, typeof i16.MatToolbarModule, typeof i17.MatTooltipModule, typeof i18.NaturalFileModule, typeof i18.NaturalIconModule, typeof i19.ReactiveFormsModule, typeof i5.NaturalEditorComponent, typeof i6.NaturalCustomCssDirective]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<NaturalEditorModule>;
 }

package/lib/id-dialog/id-dialog.component.d.ts

@@ -1,4 +1,4 @@
-import { MatLegacyDialogRef as MatDialogRef } from '@angular/material/legacy-dialog';
+import { MatDialogRef } from '@angular/material/dialog';
 import { FormControl, FormGroup } from '@angular/forms';
 import * as i0 from "@angular/core";
 export interface IdDialogData {

package/lib/link-dialog/link-dialog.component.d.ts

@@ -1,4 +1,4 @@
-import { MatLegacyDialogRef as MatDialogRef } from '@angular/material/legacy-dialog';
+import { MatDialogRef } from '@angular/material/dialog';
 import { FormControl, FormGroup } from '@angular/forms';
 import * as i0 from "@angular/core";
 export interface LinkDialogData {

package/lib/utils/items/cell-background-color-item.d.ts

@@ -1,5 +1,5 @@
 import { Item } from './item';
-import { MatLegacyDialog as MatDialog } from '@angular/material/legacy-dialog';
+import { MatDialog } from '@angular/material/dialog';
 export declare class CellBackgroundColorItem extends Item {
     constructor(dialog: MatDialog);
 }

package/lib/utils/items/class-item.d.ts

@@ -1,5 +1,5 @@
 import { Item } from './item';
-import { MatLegacyDialog as MatDialog } from '@angular/material/legacy-dialog';
+import { MatDialog } from '@angular/material/dialog';
 export declare class ClassItem extends Item {
     constructor(dialog: MatDialog, nodeTypes: string[]);
 }

package/lib/utils/items/id-item.d.ts

@@ -1,5 +1,5 @@
 import { Item } from './item';
-import { MatLegacyDialog as MatDialog } from '@angular/material/legacy-dialog';
+import { MatDialog } from '@angular/material/dialog';
 export declare class IdItem extends Item {
     constructor(dialog: MatDialog, nodeTypes: string[]);
 }

package/lib/utils/items/link-item.d.ts

@@ -1,6 +1,6 @@
 import { Item } from './item';
 import { MarkType } from 'prosemirror-model';
-import { MatLegacyDialog as MatDialog } from '@angular/material/legacy-dialog';
+import { MatDialog } from '@angular/material/dialog';
 export declare class LinkItem extends Item {
     constructor(markType: MarkType, dialog: MatDialog);
 }

package/lib/utils/menu.d.ts

@@ -1,5 +1,5 @@
 import { Schema } from 'prosemirror-model';
-import { MatLegacyDialog as MatDialog } from '@angular/material/legacy-dialog';
+import { MatDialog } from '@angular/material/dialog';
 import { Item } from './items/item';
 export type Key = 'toggleStrong' | 'toggleEm' | 'toggleCode' | 'toggleLink' | 'wrapBulletList' | 'wrapOrderedList' | 'wrapBlockQuote' | 'makeParagraph' | 'makeCodeBlock' | 'makeHead1' | 'makeHead2' | 'makeHead3' | 'makeHead4' | 'makeHead5' | 'makeHead6' | 'alignLeft' | 'alignRight' | 'alignCenter' | 'alignJustify' | 'insertHorizontalRule' | 'joinUp' | 'lift' | 'selectParentNode' | 'undo' | 'redo' | 'insertTable' | 'addColumnBefore' | 'addColumnAfter' | 'deleteColumn' | 'addRowBefore' | 'addRowAfter' | 'deleteRow' | 'deleteTable' | 'mergeCells' | 'splitCell' | 'toggleHeaderColumn' | 'toggleHeaderRow' | 'toggleHeaderCell' | 'cellBackgroundColor' | 'tableClass' | 'tableId' | 'blockClass' | 'blockId';
 export type MenuItems = Partial<Record<Key, Item>>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ecodev/natural-editor",
-  "version": "47.3.2",
+  "version": "48.0.0",
   "license": "MIT",
   "repository": "github:Ecodev/natural",
   "sideEffects": false,

package/src/lib/editor/_editor.theme.scss

@@ -17,6 +17,17 @@
     $drawer-container-background-color: mat.get-color-from-palette($background, background);
 
     natural-editor {
+        // Since MDC icon buttons have round borders. We need square-ish border in the toolbar to not look too weird
+        .mat-mdc-icon-button,
+        .mat-mdc-icon-button .mat-mdc-button-persistent-ripple {
+            border-radius: 4px;
+        }
+
+        // Since MDC all buttons have fixed height. We need taller buttons to look similar to mat-button-toggle-group
+        button.mat-mdc-menu-trigger {
+            height: 50px;
+        }
+
         .menu-container {
             background-color: $drawer-container-background-color;
         }