@ckeditor/ckeditor5-table 0.0.0-nightly-20250214.0 → 0.0.0-nightly-next-20250215.0

package/ckeditor5-metadata.json

@@ -10,12 +10,12 @@
 				{
 					"type": "SplitButton",
 					"name": "insertTable",
-					"iconPath": "@ckeditor/ckeditor5-core/theme/icons/table.svg"
+					"iconPath": "@ckeditor/ckeditor5-icons/theme/icons/table.svg"
 				},
 				{
 					"type": "Button",
 					"name": "tableColumn",
-					"iconPath": "theme/icons/table-column.svg",
+					"iconPath": "@ckeditor/ckeditor5-icons/theme/icons/table-column.svg",
 					"toolbars": [
 						"table.contentToolbar"
 					]
@@ -23,7 +23,7 @@
 				{
 					"type": "Button",
 					"name": "tableRow",
-					"iconPath": "theme/icons/table-row.svg",
+					"iconPath": "@ckeditor/ckeditor5-icons/theme/icons/table-row.svg",
 					"toolbars": [
 						"table.contentToolbar"
 					]
@@ -31,7 +31,7 @@
 				{
 					"type": "Button",
 					"name": "mergeTableCells",
-					"iconPath": "theme/icons/table-merge-cell.svg",
+					"iconPath": "@ckeditor/ckeditor5-icons/theme/icons/table-merge-cell.svg",
 					"toolbars": [
 						"table.contentToolbar"
 					]
@@ -76,7 +76,7 @@
 				{
 					"type": "Button",
 					"name": "tableCellProperties",
-					"iconPath": "theme/icons/table-cell-properties.svg",
+					"iconPath": "@ckeditor/ckeditor5-icons/theme/icons/table-cell-properties.svg",
 					"toolbars": [
 						"table.contentToolbar"
 					]
@@ -115,7 +115,7 @@
 				{
 					"type": "Button",
 					"name": "tableProperties",
-					"iconPath": "theme/icons/table-properties.svg",
+					"iconPath": "@ckeditor/ckeditor5-icons/theme/icons/table-properties.svg",
 					"toolbars": [
 						"table.contentToolbar"
 					]

package/dist/index.js

@@ -2,13 +2,14 @@
  * @license Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
  */
-import { Command, Plugin, icons } from '@ckeditor/ckeditor5-core/dist/index.js';
+import { Command, Plugin } from '@ckeditor/ckeditor5-core/dist/index.js';
 import { toWidgetEditable, toWidget, Widget, isWidget, WidgetToolbarRepository } from '@ckeditor/ckeditor5-widget/dist/index.js';
 import { first, global, CKEditorError, KeystrokeHandler, FocusTracker, Collection, getLocalizedArrowKeyCodeDirection, Rect, DomEmitterMixin } from '@ckeditor/ckeditor5-utils/dist/index.js';
+import { IconTable, IconTableColumn, IconTableRow, IconTableMergeCell, IconCheck, IconCancel, IconAlignBottom, IconAlignMiddle, IconAlignTop, IconAlignJustify, IconAlignRight, IconAlignCenter, IconAlignLeft, IconTableCellProperties, IconObjectInlineRight, IconObjectCenter, IconObjectInlineLeft, IconTableProperties, IconCaption } from '@ckeditor/ckeditor5-icons/dist/index.js';
 import { View, addKeyboardHandlingForGrid, ButtonView, createDropdown, MenuBarMenuView, SwitchButtonView, SplitButtonView, addListToDropdown, ViewModel, ViewCollection, FocusCycler, InputTextView, ColorSelectorView, FormHeaderView, submitHandler, LabelView, LabeledFieldView, createLabeledDropdown, createLabeledInputText, ToolbarView, BalloonPanelView, ContextualBalloon, normalizeColorOptions, getLocalizedColorOptions, clickOutsideHandler } from '@ckeditor/ckeditor5-ui/dist/index.js';
 import { ClipboardMarkersUtils, ClipboardPipeline } from '@ckeditor/ckeditor5-clipboard/dist/index.js';
 import { DomEventObserver, isColor, isLength, isPercentage, addBorderRules, addPaddingRules, addBackgroundRules, enablePlaceholder, Element } from '@ckeditor/ckeditor5-engine/dist/index.js';
-import { isObject, debounce, isEqual, throttle } from 'lodash-es';
+import { isObject, debounce, isEqual, throttle } from 'es-toolkit/compat';
 
 /**
  * @license Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
@@ -4750,12 +4751,6 @@ function getMaxOffset(tableCell, start, currentMaxOffset, which) {
     }
 }
 
-var tableColumnIcon = "<svg viewBox=\"0 0 20 20\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M2.5 1h15A1.5 1.5 0 0 1 19 2.5v15a1.5 1.5 0 0 1-1.5 1.5h-15A1.5 1.5 0 0 1 1 17.5v-15A1.5 1.5 0 0 1 2.5 1zM2 2v16h16V2H2z\" opacity=\".6\"/><path d=\"M18 7v1H2V7h16zm0 5v1H2v-1h16z\" opacity=\".6\"/><path d=\"M14 1v18a1 1 0 0 1-1 1H7a1 1 0 0 1-1-1V1a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1zm-2 1H8v4h4V2zm0 6H8v4h4V8zm0 6H8v4h4v-4z\"/></svg>";
-
-var tableRowIcon = "<svg viewBox=\"0 0 20 20\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M2.5 1h15A1.5 1.5 0 0 1 19 2.5v15a1.5 1.5 0 0 1-1.5 1.5h-15A1.5 1.5 0 0 1 1 17.5v-15A1.5 1.5 0 0 1 2.5 1zM2 2v16h16V2H2z\" opacity=\".6\"/><path d=\"M7 2h1v16H7V2zm5 0h1v16h-1V2z\" opacity=\".6\"/><path d=\"M1 6h18a1 1 0 0 1 1 1v6a1 1 0 0 1-1 1H1a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1zm1 2v4h4V8H2zm6 0v4h4V8H8zm6 0v4h4V8h-4z\"/></svg>";
-
-var tableMergeCellIcon = "<svg viewBox=\"0 0 20 20\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M2.5 1h15A1.5 1.5 0 0 1 19 2.5v15a1.5 1.5 0 0 1-1.5 1.5h-15A1.5 1.5 0 0 1 1 17.5v-15A1.5 1.5 0 0 1 2.5 1zM2 2v16h16V2H2z\" opacity=\".6\"/><path d=\"M7 2h1v16H7V2zm5 0h1v7h-1V2zm6 5v1H2V7h16zM8 12v1H2v-1h6z\" opacity=\".6\"/><path d=\"M7 7h12a1 1 0 0 1 1 1v11a1 1 0 0 1-1 1H7a1 1 0 0 1-1-1V8a1 1 0 0 1 1-1zm1 2v9h10V9H8z\"/></svg>";
-
 /**
  * The table UI plugin. It introduces:
  *
@@ -4790,7 +4785,7 @@ var tableMergeCellIcon = "<svg viewBox=\"0 0 20 20\" xmlns=\"http://www.w3.org/2
             dropdownView.bind('isEnabled').to(command);
             // Decorate dropdown's button.
             dropdownView.buttonView.set({
-                icon: icons.table,
+                icon: IconTable,
                 label: t('Insert table'),
                 tooltip: true
             });
@@ -4832,7 +4827,7 @@ var tableMergeCellIcon = "<svg viewBox=\"0 0 20 20\" xmlns=\"http://www.w3.org/2
             });
             menuView.buttonView.set({
                 label: t('Table'),
-                icon: icons.table
+                icon: IconTable
             });
             menuView.panelView.children.add(insertTableView);
             menuView.bind('isEnabled').to(command);
@@ -4880,7 +4875,7 @@ var tableMergeCellIcon = "<svg viewBox=\"0 0 20 20\" xmlns=\"http://www.w3.org/2
                     }
                 }
             ];
-            return this._prepareDropdown(t('Column'), tableColumnIcon, options, locale);
+            return this._prepareDropdown(t('Column'), IconTableColumn, options, locale);
         });
         editor.ui.componentFactory.add('tableRow', (locale)=>{
             const options = [
@@ -4924,7 +4919,7 @@ var tableMergeCellIcon = "<svg viewBox=\"0 0 20 20\" xmlns=\"http://www.w3.org/2
                     }
                 }
             ];
-            return this._prepareDropdown(t('Row'), tableRowIcon, options, locale);
+            return this._prepareDropdown(t('Row'), IconTableRow, options, locale);
         });
         editor.ui.componentFactory.add('mergeTableCells', (locale)=>{
             const options = [
@@ -4974,7 +4969,7 @@ var tableMergeCellIcon = "<svg viewBox=\"0 0 20 20\" xmlns=\"http://www.w3.org/2
                     }
                 }
             ];
-            return this._prepareMergeSplitButtonDropdown(t('Merge cells'), tableMergeCellIcon, options, locale);
+            return this._prepareMergeSplitButtonDropdown(t('Merge cells'), IconTableMergeCell, options, locale);
         });
     }
     /**
@@ -7705,13 +7700,13 @@ function colorConfigToColorGridDefinitions(colorConfig) {
         const t = this.t;
         const alignmentLabel = new LabelView(locale);
         const ALIGNMENT_ICONS = {
-            left: icons.alignLeft,
-            center: icons.alignCenter,
-            right: icons.alignRight,
-            justify: icons.alignJustify,
-            top: icons.alignTop,
-            middle: icons.alignMiddle,
-            bottom: icons.alignBottom
+            left: IconAlignLeft,
+            center: IconAlignCenter,
+            right: IconAlignRight,
+            justify: IconAlignJustify,
+            top: IconAlignTop,
+            middle: IconAlignMiddle,
+            bottom: IconAlignBottom
         };
         alignmentLabel.text = t('Table cell text alignment');
         // -- Horizontal ---------------------------------------------------
@@ -7780,7 +7775,7 @@ function colorConfigToColorGridDefinitions(colorConfig) {
         ];
         saveButtonView.set({
             label: t('Save'),
-            icon: icons.check,
+            icon: IconCheck,
             class: 'ck-button-save',
             type: 'submit',
             withText: true
@@ -7790,7 +7785,7 @@ function colorConfigToColorGridDefinitions(colorConfig) {
         });
         cancelButtonView.set({
             label: t('Cancel'),
-            icon: icons.cancel,
+            icon: IconCancel,
             class: 'ck-button-cancel',
             withText: true
         });
@@ -7934,8 +7929,6 @@ const BALLOON_POSITIONS = /* #__PURE__ */ (()=>[
     return Rect.getBoundingRect(rects);
 }
 
-var tableCellProperties = "<svg viewBox=\"0 0 20 20\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"m11.105 18-.17 1H2.5A1.5 1.5 0 0 1 1 17.5v-15A1.5 1.5 0 0 1 2.5 1h15A1.5 1.5 0 0 1 19 2.5v9.975l-.85-.124-.15-.302V8h-5v4h.021l-.172.351-1.916.28-.151.027c-.287.063-.54.182-.755.341L8 13v5h3.105zM2 12h5V8H2v4zm10-4H8v4h4V8zM2 2v5h5V2H2zm0 16h5v-5H2v5zM13 7h5V2h-5v5zM8 2v5h4V2H8z\" opacity=\".6\"/><path d=\"m15.5 11.5 1.323 2.68 2.957.43-2.14 2.085.505 2.946L15.5 18.25l-2.645 1.39.505-2.945-2.14-2.086 2.957-.43L15.5 11.5zM13 6a1 1 0 0 1 1 1v3.172a2.047 2.047 0 0 0-.293.443l-.858 1.736-1.916.28-.151.027A1.976 1.976 0 0 0 9.315 14H7a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1h6zm-1 2H8v4h4V8z\"/></svg>";
-
 /**
  * Returns a string if all four values of box sides are equal.
  *
@@ -8122,7 +8115,7 @@ const propertyToCommandMap$1 = {
             const view = new ButtonView(locale);
             view.set({
                 label: t('Cell properties'),
-                icon: tableCellProperties,
+                icon: IconTableCellProperties,
                 tooltip: true
             });
             this.listenTo(view, 'execute', ()=>this._showView());
@@ -10044,9 +10037,9 @@ const FLOAT_VALUES_REG_EXP = /^(left|none|right)$/;
         fillToolbar({
             view: this,
             icons: {
-                left: icons.objectLeft,
-                center: icons.objectCenter,
-                right: icons.objectRight
+                left: IconObjectInlineLeft,
+                center: IconObjectCenter,
+                right: IconObjectInlineRight
             },
             toolbar: alignmentToolbar,
             labels: this._alignmentLabels,
@@ -10077,7 +10070,7 @@ const FLOAT_VALUES_REG_EXP = /^(left|none|right)$/;
         ];
         saveButtonView.set({
             label: t('Save'),
-            icon: icons.check,
+            icon: IconCheck,
             class: 'ck-button-save',
             type: 'submit',
             withText: true
@@ -10087,7 +10080,7 @@ const FLOAT_VALUES_REG_EXP = /^(left|none|right)$/;
         });
         cancelButtonView.set({
             label: t('Cancel'),
-            icon: icons.cancel,
+            icon: IconCancel,
             class: 'ck-button-cancel',
             withText: true
         });
@@ -10125,8 +10118,6 @@ function isBorderStyleSet(value) {
     return value !== 'none';
 }
 
-var tableProperties = "<svg viewBox=\"0 0 20 20\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M8 2v5h4V2h1v5h5v1h-5v4h.021l-.172.351-1.916.28-.151.027c-.287.063-.54.182-.755.341L8 13v5H7v-5H2v-1h5V8H2V7h5V2h1zm4 6H8v4h4V8z\" opacity=\".6\"/><path d=\"m15.5 11.5 1.323 2.68 2.957.43-2.14 2.085.505 2.946L15.5 18.25l-2.645 1.39.505-2.945-2.14-2.086 2.957-.43L15.5 11.5zM17 1a2 2 0 0 1 2 2v9.475l-.85-.124-.857-1.736a2.048 2.048 0 0 0-.292-.44L17 3H3v14h7.808l.402.392L10.935 19H3a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h14z\"/></svg>";
-
 const ERROR_TEXT_TIMEOUT = 500;
 // Map of view properties and related commands.
 const propertyToCommandMap = {
@@ -10200,7 +10191,7 @@ const propertyToCommandMap = {
             const view = new ButtonView(locale);
             view.set({
                 label: t('Table properties'),
-                icon: tableProperties,
+                icon: IconTableProperties,
                 tooltip: true
             });
             this.listenTo(view, 'execute', ()=>this._showView());
@@ -10799,7 +10790,7 @@ const propertyToCommandMap = {
             const command = editor.commands.get('toggleTableCaption');
             const view = new ButtonView(locale);
             view.set({
-                icon: icons.caption,
+                icon: IconCaption,
                 tooltip: true,
                 isToggleable: true
             });