@progress/kendo-angular-editor 4.0.0-dev.202204140850 → 4.0.0-dev.202204191004

package/common/styles.d.ts

@@ -9,7 +9,7 @@ export declare const defaultStyle = "\n    html, body {\n        margin: 0;\n
 /**
  * @hidden
  */
-export declare const tablesStyles = "\n.ProseMirror .tableWrapper {\n    overflow-x: auto;\n    margin: 1em 0;\n}\n\n.ProseMirror table {\n    margin: 0;\n    border-collapse: collapse;\n    table-layout: fixed;\n    width: 100%;\n    overflow: hidden;\n}\n\n.ProseMirror td, .ProseMirror th {\n    min-width: 1em;\n    border: 1px solid #ddd;\n    padding: 3px 5px;\n    vertical-align: top;\n    box-sizing: border-box;\n    position: relative;\n}\n\n.ProseMirror th {\n    font-weight: bold;\n    text-align: left;\n}\n\n.ProseMirror .column-resize-handle {\n    position: absolute;\n    right: -2px; top: 0; bottom: 0;\n    width: 4px;\n    z-index: 20;\n    background-color: #adf;\n    pointer-events: none;\n}\n\n.ProseMirror.resize-cursor {\n    cursor: ew-resize;\n    cursor: col-resize;\n}\n\n/* Give selected cells a blue overlay */\n.ProseMirror .selectedCell:after {\n    z-index: 2;\n    position: absolute;\n    content: \"\";\n    left: 0; right: 0; top: 0; bottom: 0;\n    background: rgba(200, 200, 255, 0.4);\n    pointer-events: none;\n}\n";
+export declare const tablesStyles = "\n    .ProseMirror .tableWrapper {\n        overflow-x: auto;\n        margin: 1em 0;\n    }\n\n    .ProseMirror table {\n        margin: 0;\n        border-collapse: collapse;\n        table-layout: fixed;\n        width: 100%;\n        overflow: hidden;\n    }\n\n    .ProseMirror td, .ProseMirror th {\n        min-width: 1em;\n        border: 1px solid #ddd;\n        padding: 3px 5px;\n        vertical-align: top;\n        box-sizing: border-box;\n        position: relative;\n    }\n\n    .ProseMirror th {\n        font-weight: bold;\n        text-align: left;\n    }\n\n    .ProseMirror .column-resize-handle {\n        position: absolute;\n        right: -2px; top: 0; bottom: 0;\n        width: 4px;\n        z-index: 20;\n        background-color: #adf;\n        pointer-events: none;\n    }\n\n    .ProseMirror.resize-cursor {\n        cursor: ew-resize;\n        cursor: col-resize;\n    }\n\n    /* Give selected cells a blue overlay */\n    .ProseMirror .selectedCell:after {\n        z-index: 2;\n        position: absolute;\n        content: \"\";\n        left: 0; right: 0; top: 0; bottom: 0;\n        background: rgba(200, 200, 255, 0.4);\n        pointer-events: none;\n    }\n\n    /* Resizing */\n    .k-editor-resize-wrap-element {\n        display: inline-block;\n        position: relative;\n    }\n\n    .ProseMirror .row-resize-handle {\n        position: absolute;\n        right: 0; left: 0; bottom: 0;\n        transform: translate(0, 50%);\n        height: 4px;\n        z-index: 20;\n        background-color: #adf;\n        pointer-events: none;\n    }\n    \n    .ProseMirror.resize-cursor-vertical {\n        cursor: sn-resize;\n        cursor: row-resize;\n    }\n\n    .k-editor-resize-wrap-element table td p,\n    .k-editor-resize-wrap-element table th p {\n        margin: 0 auto;\n    }\n";
 /**
  * @hidden
  */

package/esm2015/common/styles.js

@@ -200,56 +200,82 @@ export const defaultStyle = `
  * @hidden
  */
 export const tablesStyles = `
-.ProseMirror .tableWrapper {
-    overflow-x: auto;
-    margin: 1em 0;
-}
-
-.ProseMirror table {
-    margin: 0;
-    border-collapse: collapse;
-    table-layout: fixed;
-    width: 100%;
-    overflow: hidden;
-}
-
-.ProseMirror td, .ProseMirror th {
-    min-width: 1em;
-    border: 1px solid #ddd;
-    padding: 3px 5px;
-    vertical-align: top;
-    box-sizing: border-box;
-    position: relative;
-}
-
-.ProseMirror th {
-    font-weight: bold;
-    text-align: left;
-}
-
-.ProseMirror .column-resize-handle {
-    position: absolute;
-    right: -2px; top: 0; bottom: 0;
-    width: 4px;
-    z-index: 20;
-    background-color: #adf;
-    pointer-events: none;
-}
-
-.ProseMirror.resize-cursor {
-    cursor: ew-resize;
-    cursor: col-resize;
-}
-
-/* Give selected cells a blue overlay */
-.ProseMirror .selectedCell:after {
-    z-index: 2;
-    position: absolute;
-    content: "";
-    left: 0; right: 0; top: 0; bottom: 0;
-    background: rgba(200, 200, 255, 0.4);
-    pointer-events: none;
-}
+    .ProseMirror .tableWrapper {
+        overflow-x: auto;
+        margin: 1em 0;
+    }
+
+    .ProseMirror table {
+        margin: 0;
+        border-collapse: collapse;
+        table-layout: fixed;
+        width: 100%;
+        overflow: hidden;
+    }
+
+    .ProseMirror td, .ProseMirror th {
+        min-width: 1em;
+        border: 1px solid #ddd;
+        padding: 3px 5px;
+        vertical-align: top;
+        box-sizing: border-box;
+        position: relative;
+    }
+
+    .ProseMirror th {
+        font-weight: bold;
+        text-align: left;
+    }
+
+    .ProseMirror .column-resize-handle {
+        position: absolute;
+        right: -2px; top: 0; bottom: 0;
+        width: 4px;
+        z-index: 20;
+        background-color: #adf;
+        pointer-events: none;
+    }
+
+    .ProseMirror.resize-cursor {
+        cursor: ew-resize;
+        cursor: col-resize;
+    }
+
+    /* Give selected cells a blue overlay */
+    .ProseMirror .selectedCell:after {
+        z-index: 2;
+        position: absolute;
+        content: "";
+        left: 0; right: 0; top: 0; bottom: 0;
+        background: rgba(200, 200, 255, 0.4);
+        pointer-events: none;
+    }
+
+    /* Resizing */
+    .k-editor-resize-wrap-element {
+        display: inline-block;
+        position: relative;
+    }
+
+    .ProseMirror .row-resize-handle {
+        position: absolute;
+        right: 0; left: 0; bottom: 0;
+        transform: translate(0, 50%);
+        height: 4px;
+        z-index: 20;
+        background-color: #adf;
+        pointer-events: none;
+    }
+    
+    .ProseMirror.resize-cursor-vertical {
+        cursor: sn-resize;
+        cursor: row-resize;
+    }
+
+    .k-editor-resize-wrap-element table td p,
+    .k-editor-resize-wrap-element table th p {
+        margin: 0 auto;
+    }
 `;
 /**
  * @hidden

package/esm2015/editor.component.js

@@ -8,7 +8,7 @@ import { BehaviorSubject, fromEvent, Subject, zip } from 'rxjs';
 import { map, filter, take } from 'rxjs/operators';
 import { ToolBarComponent } from '@progress/kendo-angular-toolbar';
 import { hasObservers, isDocumentAvailable, KendoInput } from '@progress/kendo-angular-common';
-import { buildKeymap, buildListKeymap, getHtml, pasteCleanup, sanitize, removeComments, sanitizeClassAttr, sanitizeStyleAttr, removeAttribute, placeholder, EditorView, EditorState, baseKeymap, keymap, history, parseContent, Plugin, PluginKey, TextSelection, Schema, AllSelection, gapCursor, getSelectionText, imageResizing, tableEditing, caretColor } from '@progress/kendo-editor-common';
+import { buildKeymap, buildListKeymap, getHtml, pasteCleanup, sanitize, removeComments, sanitizeClassAttr, sanitizeStyleAttr, removeAttribute, placeholder, EditorView, EditorState, baseKeymap, keymap, history, parseContent, Plugin, PluginKey, TextSelection, Schema, AllSelection, gapCursor, getSelectionText, imageResizing, tableEditing, caretColor, tableResizing } from '@progress/kendo-editor-common';
 import { validatePackage } from '@progress/kendo-licensing';
 import { packageMetadata } from './package-metadata';
 import { schema } from './config/schema';
@@ -659,6 +659,7 @@ export class EditorComponent {
             keymap(baseKeymap),
             gapCursor(),
             imageResizing(),
+            ...tableResizing(),
             tableEditing(),
             caretColor()
         ];

package/esm2015/package-metadata.js

@@ -9,7 +9,7 @@ export const packageMetadata = {
     name: '@progress/kendo-angular-editor',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1649926149,
+    publishDate: 1650362617,
     version: '',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning'
 };

package/fesm2015/kendo-angular-editor.js

@@ -11,7 +11,7 @@ import { take, map, filter as filter$1, concatMap, takeUntil } from 'rxjs/operat
 import * as i1$3 from '@progress/kendo-angular-toolbar';
 import { ToolBarToolComponent, ToolBarComponent, ToolBarModule } from '@progress/kendo-angular-toolbar';
 import { isDocumentAvailable, guid, hasObservers, KendoInput, Keys } from '@progress/kendo-angular-common';
-import { marks as marks$1, nodes as nodes$1, Schema, createTable, insertNode, alignBlocks, alignRemoveRules, expandToWordWrap, toggleInlineFormat, bold, cleanFormatting, applyLink, applyInlineStyle, insertText, italic, strikethrough, subscript, superscript, underline, removeLink, link, selectAll, isAligned, alignCenterRules, alignJustifyRules, alignLeftRules, alignRightRules, formatBlockElements, getHtml, indent, insertImage, toggleOrderedList, toggleUnorderedList, outdent, redo, setHtml, undo, blockquote, addColumnBefore, addColumnAfter, addRowBefore, addRowAfter, deleteRow, deleteColumn, mergeCells, splitCell, deleteTable, hasMark, activeNode, canIndentAsListItem, canBeIndented, indentRules, hasNode, canOutdentAsListItem, outdentRules, isIndented, getActiveMarks, expandSelection, getSelectionText as getSelectionText$1, getNodeFromSelection, getMark, removeComments, sanitize, removeAttribute, sanitizeStyleAttr, sanitizeClassAttr, pasteCleanup, parseContent, AllSelection, TextSelection, Plugin, PluginKey, history, keymap, buildListKeymap, buildKeymap, baseKeymap, gapCursor, imageResizing, tableEditing, caretColor, placeholder, EditorState, EditorView } from '@progress/kendo-editor-common';
+import { marks as marks$1, nodes as nodes$1, Schema, createTable, insertNode, alignBlocks, alignRemoveRules, expandToWordWrap, toggleInlineFormat, bold, cleanFormatting, applyLink, applyInlineStyle, insertText, italic, strikethrough, subscript, superscript, underline, removeLink, link, selectAll, isAligned, alignCenterRules, alignJustifyRules, alignLeftRules, alignRightRules, formatBlockElements, getHtml, indent, insertImage, toggleOrderedList, toggleUnorderedList, outdent, redo, setHtml, undo, blockquote, addColumnBefore, addColumnAfter, addRowBefore, addRowAfter, deleteRow, deleteColumn, mergeCells, splitCell, deleteTable, hasMark, activeNode, canIndentAsListItem, canBeIndented, indentRules, hasNode, canOutdentAsListItem, outdentRules, isIndented, getActiveMarks, expandSelection, getSelectionText as getSelectionText$1, getNodeFromSelection, getMark, removeComments, sanitize, removeAttribute, sanitizeStyleAttr, sanitizeClassAttr, pasteCleanup, parseContent, AllSelection, TextSelection, Plugin, PluginKey, history, keymap, buildListKeymap, buildKeymap, baseKeymap, gapCursor, imageResizing, tableResizing, tableEditing, caretColor, placeholder, EditorState, EditorView } from '@progress/kendo-editor-common';
 export { Decoration, DecorationSet, EditorState, EditorView, InputRule, Mark, MarkType, Node, NodeType, Plugin, PluginKey, Schema, Transaction, baseKeymap, dropCursor, gapCursor, history, inputRules, keymap, tableNodes, textblockTypeInputRule, wrappingInputRule } from '@progress/kendo-editor-common';
 import { validatePackage } from '@progress/kendo-licensing';
 import * as i1$1 from '@progress/kendo-angular-dialog';
@@ -35,7 +35,7 @@ const packageMetadata = {
     name: '@progress/kendo-angular-editor',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1649926149,
+    publishDate: 1650362617,
     version: '',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning'
 };
@@ -1279,56 +1279,82 @@ const defaultStyle = `
  * @hidden
  */
 const tablesStyles = `
-.ProseMirror .tableWrapper {
-    overflow-x: auto;
-    margin: 1em 0;
-}
+    .ProseMirror .tableWrapper {
+        overflow-x: auto;
+        margin: 1em 0;
+    }
 
-.ProseMirror table {
-    margin: 0;
-    border-collapse: collapse;
-    table-layout: fixed;
-    width: 100%;
-    overflow: hidden;
-}
+    .ProseMirror table {
+        margin: 0;
+        border-collapse: collapse;
+        table-layout: fixed;
+        width: 100%;
+        overflow: hidden;
+    }
 
-.ProseMirror td, .ProseMirror th {
-    min-width: 1em;
-    border: 1px solid #ddd;
-    padding: 3px 5px;
-    vertical-align: top;
-    box-sizing: border-box;
-    position: relative;
-}
+    .ProseMirror td, .ProseMirror th {
+        min-width: 1em;
+        border: 1px solid #ddd;
+        padding: 3px 5px;
+        vertical-align: top;
+        box-sizing: border-box;
+        position: relative;
+    }
 
-.ProseMirror th {
-    font-weight: bold;
-    text-align: left;
-}
+    .ProseMirror th {
+        font-weight: bold;
+        text-align: left;
+    }
 
-.ProseMirror .column-resize-handle {
-    position: absolute;
-    right: -2px; top: 0; bottom: 0;
-    width: 4px;
-    z-index: 20;
-    background-color: #adf;
-    pointer-events: none;
-}
+    .ProseMirror .column-resize-handle {
+        position: absolute;
+        right: -2px; top: 0; bottom: 0;
+        width: 4px;
+        z-index: 20;
+        background-color: #adf;
+        pointer-events: none;
+    }
 
-.ProseMirror.resize-cursor {
-    cursor: ew-resize;
-    cursor: col-resize;
-}
+    .ProseMirror.resize-cursor {
+        cursor: ew-resize;
+        cursor: col-resize;
+    }
 
-/* Give selected cells a blue overlay */
-.ProseMirror .selectedCell:after {
-    z-index: 2;
-    position: absolute;
-    content: "";
-    left: 0; right: 0; top: 0; bottom: 0;
-    background: rgba(200, 200, 255, 0.4);
-    pointer-events: none;
-}
+    /* Give selected cells a blue overlay */
+    .ProseMirror .selectedCell:after {
+        z-index: 2;
+        position: absolute;
+        content: "";
+        left: 0; right: 0; top: 0; bottom: 0;
+        background: rgba(200, 200, 255, 0.4);
+        pointer-events: none;
+    }
+
+    /* Resizing */
+    .k-editor-resize-wrap-element {
+        display: inline-block;
+        position: relative;
+    }
+
+    .ProseMirror .row-resize-handle {
+        position: absolute;
+        right: 0; left: 0; bottom: 0;
+        transform: translate(0, 50%);
+        height: 4px;
+        z-index: 20;
+        background-color: #adf;
+        pointer-events: none;
+    }
+    
+    .ProseMirror.resize-cursor-vertical {
+        cursor: sn-resize;
+        cursor: row-resize;
+    }
+
+    .k-editor-resize-wrap-element table td p,
+    .k-editor-resize-wrap-element table th p {
+        margin: 0 auto;
+    }
 `;
 /**
  * @hidden
@@ -3255,6 +3281,7 @@ class EditorComponent {
             keymap(baseKeymap),
             gapCursor(),
             imageResizing(),
+            ...tableResizing(),
             tableEditing(),
             caretColor()
         ];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-editor",
-  "version": "4.0.0-dev.202204140850",
+  "version": "4.0.0-dev.202204191004",
   "description": "Kendo UI Editor for Angular",
   "license": "SEE LICENSE IN LICENSE.md",
   "author": "Progress",
@@ -20,7 +20,7 @@
     "friendlyName": "Editor"
   },
   "dependencies": {
-    "@progress/kendo-editor-common": "dev",
+    "@progress/kendo-editor-common": "1.9.0",
     "@progress/kendo-schematics": "^3.0.0",
     "tslib": "^2.3.1"
   },