@heartlandone/vega 2.77.1 → 2.79.0

package/dist/collection/components/vega-rich-text-editor/extensions/table/vega-rich-text-table-properties/vega-rich-text-table-properties.js

@@ -0,0 +1,251 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { Component, Host, Element, h, Event, Prop, Watch, State } from '@stencil/core';
+import { InjectVegaGlobalSlimmer, InjectVegaSlimmer, methodPlaceholder, } from 'vega-slimmer/core';
+import { TranslationSlimmer } from '../../../../../helpers/slimmers/translation';
+import { sanitizeVegaComponent } from '../../../../../utils/component';
+import { VegaComponentUsageRuntimeMetricsSlimmer } from '../../../../../helpers/slimmers/component-usage-runtime-metrics';
+import { VegaRichTextTablePropertiesRenderer } from './slimmers/renderers/vega-rich-text-table-properties-form-renderer';
+import { ChildNodesEventPreventSlimmer } from '../../../../../helpers/event-manager/slimmers/child-nodes-event-prevent-slimmer';
+import { VegaChange } from '../../../../../helpers/event-manager/event-id/vega-event-id';
+import { TableColorController } from './slimmers/controllers/vega-rich-text-table-properties-color-controller';
+import { VegaRichTextTablePropertiesFormFieldRenderer } from './slimmers/renderers/vega-rich-text-table-properties-form-field-renderer';
+import { VegaRichTextCellPropertiesFormFieldRenderer } from './slimmers/renderers/vega-rich-text-cell-properties-form-field-renderer';
+import { VegaInternalThemeManager } from '../../../../../helpers/theme/internal-theme-manager';
+import { DarkModeStateControllerSlimmer } from '../../../../../helpers/slimmers/dark-mode-state-controller-slimmer';
+/**
+ * @vegaVersion 2.79.0
+ */
+export class VegaRichTextTableProperties {
+  constructor() {
+    this.globalSlimmers = {};
+    this.translationSlimmer = new TranslationSlimmer();
+    this.vegaComponentUsageRuntimeMetricsSlimmer = new VegaComponentUsageRuntimeMetricsSlimmer();
+    this.renderer = new VegaRichTextTablePropertiesRenderer();
+    this.tableFormRenderer = new VegaRichTextTablePropertiesFormFieldRenderer();
+    this.cellFormRenderer = new VegaRichTextCellPropertiesFormFieldRenderer();
+    this.controller = new TableColorController();
+    this.darkModeStateSlimmer = new DarkModeStateControllerSlimmer();
+    this.changeEventPreventSlimmer = new ChildNodesEventPreventSlimmer([VegaChange], () => this.renderer.getFormRef());
+    this.isInDarkMode = VegaInternalThemeManager.isDarkMode();
+    /**
+     * @vegaVersion 2.79.0
+     */
+    this.type = 'TABLE';
+    /**
+     * @vegaVersion 2.79.0
+     */
+    this.colors = [];
+  }
+  watchDefaultValueChange(newValue) {
+    methodPlaceholder(newValue);
+  }
+  render() {
+    return sanitizeVegaComponent(h(Host, null, this.renderer.render()), this.host);
+  }
+  static get is() { return "vega-rich-text-table-properties"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() { return {
+    "$": ["vega-rich-text-table-properties.scss"]
+  }; }
+  static get styleUrls() { return {
+    "$": ["vega-rich-text-table-properties.css"]
+  }; }
+  static get properties() { return {
+    "defaultValue": {
+      "type": "unknown",
+      "mutable": false,
+      "complexType": {
+        "original": "RTETablePropertiesType",
+        "resolved": "{ width?: string; height?: string; borderStyle?: string; borderColor?: string; borderWidth?: string; textAlign?: \"left\" | \"right\" | \"center\" | \"justify\"; backgroundColor?: string; verticalAlign?: \"top\" | \"bottom\" | \"middle\"; padding?: string; }",
+        "references": {
+          "RTETablePropertiesType": {
+            "location": "import",
+            "path": "../../../interface"
+          }
+        }
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "name": "vegaVersion",
+            "text": "2.79.0"
+          }],
+        "text": ""
+      }
+    },
+    "styleMap": {
+      "type": "unknown",
+      "mutable": false,
+      "complexType": {
+        "original": "TableCellStylePropertiesMap",
+        "resolved": "{ [x: string]: RTETablePropertiesType; }",
+        "references": {
+          "TableCellStylePropertiesMap": {
+            "location": "import",
+            "path": "../../../interface"
+          }
+        }
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "name": "vegaVersion",
+            "text": "2.79.0"
+          }],
+        "text": "The origin style map for multiple selected blocks.\nThe key is the block ID, and the value is the style object for that block."
+      }
+    },
+    "type": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "'TABLE' | 'CELL'",
+        "resolved": "\"CELL\" | \"TABLE\"",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "name": "vegaVersion",
+            "text": "2.79.0"
+          }],
+        "text": ""
+      },
+      "attribute": "type",
+      "reflect": true,
+      "defaultValue": "'TABLE'"
+    },
+    "colors": {
+      "type": "unknown",
+      "mutable": false,
+      "complexType": {
+        "original": "VegaRTEColorSchema[]",
+        "resolved": "VegaRTEColorSchema[]",
+        "references": {
+          "VegaRTEColorSchema": {
+            "location": "import",
+            "path": "../../../interface"
+          }
+        }
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "name": "vegaVersion",
+            "text": "2.79.0"
+          }],
+        "text": ""
+      },
+      "defaultValue": "[]"
+    }
+  }; }
+  static get states() { return {
+    "isInDarkMode": {}
+  }; }
+  static get events() { return [{
+      "method": "vegaChange",
+      "name": "vegaChange",
+      "bubbles": false,
+      "cancelable": true,
+      "composed": false,
+      "docs": {
+        "tags": [{
+            "name": "vegaVersion",
+            "text": "2.79.0"
+          }],
+        "text": ""
+      },
+      "complexType": {
+        "original": "RTETablePropertiesType",
+        "resolved": "{ width?: string; height?: string; borderStyle?: string; borderColor?: string; borderWidth?: string; textAlign?: \"left\" | \"right\" | \"center\" | \"justify\"; backgroundColor?: string; verticalAlign?: \"top\" | \"bottom\" | \"middle\"; padding?: string; }",
+        "references": {
+          "RTETablePropertiesType": {
+            "location": "import",
+            "path": "../../../interface"
+          }
+        }
+      }
+    }, {
+      "method": "vegaCancel",
+      "name": "vegaCancel",
+      "bubbles": false,
+      "cancelable": true,
+      "composed": false,
+      "docs": {
+        "tags": [{
+            "name": "vegaVersion",
+            "text": "2.79.0"
+          }],
+        "text": ""
+      },
+      "complexType": {
+        "original": "RTETablePropertiesType",
+        "resolved": "{ width?: string; height?: string; borderStyle?: string; borderColor?: string; borderWidth?: string; textAlign?: \"left\" | \"right\" | \"center\" | \"justify\"; backgroundColor?: string; verticalAlign?: \"top\" | \"bottom\" | \"middle\"; padding?: string; }",
+        "references": {
+          "RTETablePropertiesType": {
+            "location": "import",
+            "path": "../../../interface"
+          }
+        }
+      }
+    }, {
+      "method": "vegaSave",
+      "name": "vegaSave",
+      "bubbles": false,
+      "cancelable": true,
+      "composed": false,
+      "docs": {
+        "tags": [{
+            "name": "vegaVersion",
+            "text": "2.79.0"
+          }],
+        "text": ""
+      },
+      "complexType": {
+        "original": "unknown",
+        "resolved": "unknown",
+        "references": {}
+      }
+    }]; }
+  static get elementRef() { return "host"; }
+  static get watchers() { return [{
+      "propName": "defaultValue",
+      "methodName": "watchDefaultValueChange"
+    }]; }
+}
+__decorate([
+  InjectVegaGlobalSlimmer()
+], VegaRichTextTableProperties.prototype, "globalSlimmers", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaRichTextTableProperties.prototype, "translationSlimmer", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaRichTextTableProperties.prototype, "vegaComponentUsageRuntimeMetricsSlimmer", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaRichTextTableProperties.prototype, "renderer", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaRichTextTableProperties.prototype, "tableFormRenderer", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaRichTextTableProperties.prototype, "cellFormRenderer", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaRichTextTableProperties.prototype, "controller", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaRichTextTableProperties.prototype, "darkModeStateSlimmer", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaRichTextTableProperties.prototype, "changeEventPreventSlimmer", void 0);

package/dist/collection/components/vega-rich-text-editor/extensions/table/vega-rich-text-table-selection-widget/slimmers/controllers/selection-widget-keyboard-controller.js

@@ -0,0 +1,36 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { KeyboardManagerSlimmer } from '../../../../../../../helpers/slimmers/keyboard-manager-slimmer';
+import { MapToComponentField } from 'vega-slimmer/core';
+/**
+ * Keyboard controller for table selection widget
+ */
+export class SelectionWidgetKeyboardController extends KeyboardManagerSlimmer {
+  constructor() {
+    super(() => [
+      {
+        keyCode: 'Backspace',
+        eventName: 'keydown',
+        activeElementInScope: [this.selectionWidgetRenderer.getWidgetHandleRef()],
+        callback: this.handleDeleteKeyDown,
+      },
+    ]);
+    /**
+     * Handles the delete key down event.
+     *
+     */
+    this.handleDeleteKeyDown = () => {
+      this.vegaRemove.emit();
+    };
+  }
+}
+__decorate([
+  MapToComponentField()
+], SelectionWidgetKeyboardController.prototype, "vegaRemove", void 0);
+__decorate([
+  MapToComponentField()
+], SelectionWidgetKeyboardController.prototype, "selectionWidgetRenderer", void 0);

package/dist/collection/components/vega-rich-text-editor/extensions/table/vega-rich-text-table-selection-widget/slimmers/renderers/selection-widget-renderer.js

@@ -0,0 +1,83 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { h } from '@stencil/core';
+import { MapToComponentField, MapToComponentMethod, VegaSlimmer } from 'vega-slimmer/core';
+import { arrayToClassString, findParent } from '../../../../../../../utils/ui';
+export class SelectionWidgetRenderer extends VegaSlimmer {
+  constructor() {
+    super(...arguments);
+    /**
+     * Handles the selection of the widget.
+     *
+     * @param {MouseEvent} e - The mouse event.
+     */
+    this.handleWidgetSelection = (e) => {
+      e.stopPropagation();
+      this.isSelected = true;
+    };
+    /**
+     * Handles clicks outside the widget to deselect it.
+     */
+    this.handleEditorContentClick = () => {
+      this.isSelected = false;
+    };
+    /**
+     * Registers the editor content click listener.
+     */
+    this.registerEditorContentClickListener = () => {
+      if (this.editorContentContainerRef) {
+        this.editorContentContainerRef.addEventListener('mousedown', this.handleEditorContentClick);
+      }
+    };
+    /**
+     * Un-registers the editor content click listener.
+     */
+    this.unRegisterEditorContentClickListener = () => {
+      if (this.editorContentContainerRef) {
+        this.editorContentContainerRef.removeEventListener('mousedown', this.handleEditorContentClick);
+      }
+    };
+  }
+  connectedCallback() {
+    this.editorContentContainerRef = findParent(this.host, '.rich-text-editor-container');
+  }
+  disconnectedCallback() {
+    this.unRegisterEditorContentClickListener();
+  }
+  watchIsSelected(newValue) {
+    if (newValue) {
+      this.registerEditorContentClickListener();
+    }
+    else {
+      this.unRegisterEditorContentClickListener();
+    }
+  }
+  getWidgetHandleRef() {
+    return this.widgetHandleRef;
+  }
+  render() {
+    return (h("div", { class: arrayToClassString(['v-rte-widget__selection', this.isSelected ? 'selected' : '']), contentEditable: false },
+      h("button", { tabIndex: 0, class: "v-rte-widget__selection-handle", ref: (el) => (this.widgetHandleRef = el), onClick: this.handleWidgetSelection }),
+      h("div", { class: "v-rte-widget__selection-content" },
+        h("slot", null))));
+  }
+}
+__decorate([
+  MapToComponentField()
+], SelectionWidgetRenderer.prototype, "host", void 0);
+__decorate([
+  MapToComponentField({ writable: true })
+], SelectionWidgetRenderer.prototype, "isSelected", void 0);
+__decorate([
+  MapToComponentMethod('connectedCallback')
+], SelectionWidgetRenderer.prototype, "connectedCallback", null);
+__decorate([
+  MapToComponentMethod('disconnectedCallback')
+], SelectionWidgetRenderer.prototype, "disconnectedCallback", null);
+__decorate([
+  MapToComponentMethod('watchIsSelected')
+], SelectionWidgetRenderer.prototype, "watchIsSelected", null);

package/dist/collection/components/vega-rich-text-editor/extensions/table/vega-rich-text-table-selection-widget/vega-rich-text-table-selection-widget.css

@@ -0,0 +1,41 @@
+:host {
+  display: block;
+  position: relative;
+  padding-top: 19px;
+}
+
+:host(:hover) .v-rte-widget__selection-content {
+  outline: 2px solid rgb(255, 200, 61);
+}
+:host(:hover) .v-rte-widget__selection-handle {
+  display: revert;
+  background: rgb(255, 200, 61);
+}
+
+.v-rte-widget__selection.selected .v-rte-widget__selection-content {
+  outline: 2px solid rgb(38, 42, 255);
+}
+.v-rte-widget__selection.selected .v-rte-widget__selection-handle {
+  display: revert;
+  background: rgb(38, 42, 255);
+}
+
+.v-rte-widget__selection-handle {
+  border: none;
+  outline: none;
+  width: 15px;
+  height: 15px;
+  position: absolute;
+  top: 2px;
+  left: -2px;
+  padding: 2px;
+  box-sizing: border-box;
+  display: none;
+}
+.v-rte-widget__selection-handle:after {
+  content: "";
+  border: 1px dashed rgb(255, 255, 255);
+  width: auto;
+  height: 100%;
+  display: block;
+}

package/dist/collection/components/vega-rich-text-editor/extensions/table/vega-rich-text-table-selection-widget/vega-rich-text-table-selection-widget.js

@@ -0,0 +1,80 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { Component, Host, h, Element, State, Event, Watch } from '@stencil/core';
+import { InjectVegaGlobalSlimmer, InjectVegaSlimmer, methodPlaceholder, } from 'vega-slimmer/core';
+import { VegaComponentUsageRuntimeMetricsSlimmer } from '../../../../../helpers/slimmers/component-usage-runtime-metrics';
+import { sanitizeVegaComponent } from '../../../../../utils/component';
+import { SelectionWidgetRenderer } from './slimmers/renderers/selection-widget-renderer';
+import { SelectionWidgetKeyboardController } from './slimmers/controllers/selection-widget-keyboard-controller';
+/**
+ * A selection widget for rich text table elements.
+ * This is an internal used component.
+ *
+ * @vegaVersion 2.79.0
+ */
+export class VegaRichTextTableSelectionWidget {
+  constructor() {
+    this.globalSlimmers = {};
+    this.vegaComponentUsageRuntimeMetricsSlimmer = new VegaComponentUsageRuntimeMetricsSlimmer();
+    this.selectionWidgetRenderer = new SelectionWidgetRenderer();
+    this.keyboardController = new SelectionWidgetKeyboardController();
+    this.isSelected = false;
+  }
+  watchIsSelected(newValue) {
+    methodPlaceholder(newValue);
+  }
+  render() {
+    return sanitizeVegaComponent(h(Host, null, this.selectionWidgetRenderer.render()), this.host);
+  }
+  static get is() { return "vega-rich-text-table-selection-widget"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() { return {
+    "$": ["vega-rich-text-table-selection-widget.scss"]
+  }; }
+  static get styleUrls() { return {
+    "$": ["vega-rich-text-table-selection-widget.css"]
+  }; }
+  static get states() { return {
+    "isSelected": {}
+  }; }
+  static get events() { return [{
+      "method": "vegaRemove",
+      "name": "vegaRemove",
+      "bubbles": true,
+      "cancelable": true,
+      "composed": true,
+      "docs": {
+        "tags": [{
+            "name": "vegaVersion",
+            "text": "2.79.0"
+          }],
+        "text": "An event emitter notifying a delete action on the widget."
+      },
+      "complexType": {
+        "original": "any",
+        "resolved": "any",
+        "references": {}
+      }
+    }]; }
+  static get elementRef() { return "host"; }
+  static get watchers() { return [{
+      "propName": "isSelected",
+      "methodName": "watchIsSelected"
+    }]; }
+}
+__decorate([
+  InjectVegaGlobalSlimmer()
+], VegaRichTextTableSelectionWidget.prototype, "globalSlimmers", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaRichTextTableSelectionWidget.prototype, "vegaComponentUsageRuntimeMetricsSlimmer", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaRichTextTableSelectionWidget.prototype, "selectionWidgetRenderer", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaRichTextTableSelectionWidget.prototype, "keyboardController", void 0);

package/dist/collection/components/vega-rich-text-editor/extensions/table/vega-rich-text-table-setting/assets/icon.js

@@ -0,0 +1,20 @@
+export const Icons = {
+  'rte-table-column': {
+    icon: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path fill="currentColor" d="M48 416V160H232V432H64c-8.8 0-16-7.2-16-16zm232 16V160H464V416c0 8.8-7.2 16-16 16H280zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64z"/></svg>`,
+  },
+  'rte-table-row': {
+    icon: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path fill="currentColor" d="M448 432l-320 0 0-152 336 0 0 136c0 8.8-7.2 16-16 16zm16-200l-336 0 0-152 320 0c8.8 0 16 7.2 16 16l0 136zM0 416c0 35.3 28.7 64 64 64l384 0c35.3 0 64-28.7 64-64l0-320c0-35.3-28.7-64-64-64L64 32C28.7 32 0 60.7 0 96L0 416z"/></svg>`,
+  },
+  'rte-table-merge-cells': {
+    icon: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path fill="currentColor" d="M464 416c0 8.8-7.2 16-16 16H128V192H0V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H160V160H464V416zM64 32C28.7 32 0 60.7 0 96v64H128V32H64zM414.8 246.1c2.5-6 1.1-12.9-3.5-17.4l-32-32c-6.2-6.2-16.4-6.2-22.6 0l-32 32c-4.6 4.6-5.9 11.5-3.5 17.4s8.3 9.9 14.8 9.9h16v48c0 8.8-7.2 16-16 16H288V304c0-6.5-3.9-12.3-9.9-14.8s-12.9-1.1-17.4 3.5l-32 32c-6.2 6.2-6.2 16.4 0 22.6l32 32c4.6 4.6 11.5 5.9 17.4 3.5s9.9-8.3 9.9-14.8V352h48c26.5 0 48-21.5 48-48V256h16c6.5 0 12.3-3.9 14.8-9.9z"/></svg>`,
+  },
+  'rte-table-properties': {
+    icon: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path fill="currentColor" d="M48 160V416c0 8.8 7.2 16 16 16H448c8.8 0 16-7.2 16-16V160H128v64c0 8.8 7.2 16 16 16h32c8.8 0 16 7.2 16 16s-7.2 16-16 16H144c-5.6 0-11-1-16-2.7V320c0 8.8 7.2 16 16 16h96c8.8 0 16 7.2 16 16s-7.2 16-16 16H144c-26.5 0-48-21.5-48-48V224 160H48zM0 96C0 60.7 28.7 32 64 32H448c35.3 0 64 28.7 64 64V416c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V96zM224 240c0-8.8 7.2-16 16-16H400c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H240c-8.8 0-16-7.2-16-16V240zm80 80h96c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H304c-8.8 0-16-7.2-16-16V336c0-8.8 7.2-16 16-16z"/></svg>`,
+  },
+  'rte-table-cell-properties': {
+    icon: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path fill="currentColor" d="M360 80v88H464V96c0-8.8-7.2-16-16-16H360zm-48 0H200v88H312V80zM152 80H64c-8.8 0-16 7.2-16 16v72H152V80zM48 216v80H152V216H48zm0 128v72c0 8.8 7.2 16 16 16h88V344H48zm152 88H312V344H200v88zm160 0h88c8.8 0 16-7.2 16-16V344H360v88zM464 296V216H360v80H464zM0 96C0 60.7 28.7 32 64 32H448c35.3 0 64 28.7 64 64V416c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V96zM200 296H312V216H200v80z"/></svg>`,
+  },
+  'rte-table-caption': {
+    icon: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path fill="currentColor" d="M464 224c0-8.8-7.2-16-16-16L64 208c-8.8 0-16 7.2-16 16l0 224c0 8.8 7.2 16 16 16l384 0c8.8 0 16-7.2 16-16l0-224zm-16-64c35.3 0 64 28.7 64 64l0 224c0 35.3-28.7 64-64 64L64 512c-35.3 0-64-28.7-64-64L0 224c0-35.3 28.7-64 64-64l384 0zm-8-80c13.3 0 24 10.7 24 24s-10.7 24-24 24L72 128c-13.3 0-24-10.7-24-24s10.7-24 24-24l368 0zM392 0c13.3 0 24 10.7 24 24s-10.7 24-24 24L120 48c-13.3 0-24-10.7-24-24s10.7-24 24-24L392 0z"/></svg>`,
+  },
+};

package/dist/collection/components/vega-rich-text-editor/extensions/table/vega-rich-text-table-setting/slimmers/renderers/caption-button-slimmer.js

@@ -0,0 +1,27 @@
+import { TableSettingButtonSlimmer } from './table-setting-button-slimmer.abstract';
+import { TableSettingType } from '../../../setting-event-handlers/setting-event-handler.abstract';
+/**
+ * Slimmer dedicated to building the caption button.
+ */
+export class CaptionButtonSlimmer extends TableSettingButtonSlimmer {
+  constructor() {
+    super({
+      icon: 'rte-table-caption',
+      title: 'caption off',
+      showArrowIcon: false,
+    });
+  }
+  isSelected() {
+    return this.hasCaption;
+  }
+  isDisabled() {
+    return false;
+  }
+  handleClick() {
+    const caption = !this.hasCaption ? 'rte-table-caption' : '';
+    this.emitClickEvent([TableSettingType.CAPTION, caption]);
+  }
+  getTitle() {
+    return this.hasCaption ? 'caption on' : 'caption off';
+  }
+}

package/dist/collection/components/vega-rich-text-editor/extensions/table/vega-rich-text-table-setting/slimmers/renderers/cell-properties-button-slimmer.js

@@ -0,0 +1,26 @@
+import { TableSettingButtonSlimmer } from './table-setting-button-slimmer.abstract';
+import { TableSettingType } from '../../../setting-event-handlers/setting-event-handler.abstract';
+/**
+ * Slimmer dedicated to building the merge cells button.
+ */
+export class CellPropertiesButtonSlimmer extends TableSettingButtonSlimmer {
+  constructor() {
+    super({
+      icon: 'rte-table-cell-properties',
+      title: 'cell properties',
+      showArrowIcon: false,
+    });
+  }
+  renderBtnWrapper(renderBtn) {
+    return renderBtn();
+  }
+  isSelected() {
+    return false;
+  }
+  isDisabled() {
+    return this.selectedCells.length === 0;
+  }
+  handleClick() {
+    this.emitClickEvent([TableSettingType.CELL]);
+  }
+}

package/dist/collection/components/vega-rich-text-editor/extensions/table/vega-rich-text-table-setting/slimmers/renderers/column-button-slimmer.js

@@ -0,0 +1,90 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { h } from '@stencil/core';
+import { TableSettingButtonSlimmer } from './table-setting-button-slimmer.abstract';
+import { DomNodeSubjectObserverFactory } from '../../../../../../../helpers/change-manager/subject/dom-node-subject/dom-node-subject-observer-factory';
+import { VegaDropdownClick, VegaDropdownHide, VegaDropdownShow, } from '../../../../../../../helpers/event-manager/event-id/vega-event-id';
+import { ColumnOperationType } from '../../../setting-event-handlers/column-operation';
+import { TableSettingType } from '../../../setting-event-handlers/setting-event-handler.abstract';
+import { MapToComponentField } from 'vega-slimmer/core';
+import { ToggleHeaderTableColumnStrategy } from '../../../action-handler-strategies/toggle-header-table-column-strategy';
+import { getParentBlockByType, getSelectedCellsBoundary, getTableColumnCount } from '../../../utils/utils';
+import { RTETableBlock } from '../../../dto/table-block';
+/**
+ * Slimmer dedicated to building the column button.
+ */
+export class ColumnButtonSlimmer extends TableSettingButtonSlimmer {
+  constructor() {
+    super({
+      icon: 'rte-table-column',
+      title: 'Column',
+      showArrowIcon: true,
+    });
+    this.handleDropdownItemClick = (input) => {
+      this.emitClickEvent([TableSettingType.COLUMN, input.detail]);
+    };
+    this.handleDropdownVisibilityChange = ({ eventName }) => {
+      this.isColumnDropdownOpen = eventName.toLocaleLowerCase().indexOf('show') >= 0;
+    };
+  }
+  renderBtnWrapper(renderBtn) {
+    return (h("vega-dropdown", { isScreenPosition: true, minWidth: 210, trigger: "click", ref: (el) => {
+        DomNodeSubjectObserverFactory.addUniqueObserverToNode(el, VegaDropdownClick, this.handleDropdownItemClick);
+        DomNodeSubjectObserverFactory.addUniqueObserverToNode(el, VegaDropdownShow, this.handleDropdownVisibilityChange);
+        DomNodeSubjectObserverFactory.addUniqueObserverToNode(el, VegaDropdownHide, this.handleDropdownVisibilityChange);
+      } },
+      renderBtn(),
+      this.renderActionList()));
+  }
+  isSelected() {
+    return this.isColumnDropdownOpen;
+  }
+  isDisabled() {
+    return this.selectedCells.length === 0;
+  }
+  /* istanbul ignore next */
+  // eslint-disable-next-line @typescript-eslint/no-empty-function
+  handleClick() { }
+  /**
+   * Render the action list.
+   *
+   * @returns {HTMLElement} The action list element.
+   */
+  renderActionList() {
+    return (h("div", { tabIndex: 0, role: "menu", slot: "items", onMouseDown: this.preventDefaultEvent, onKeyDown: this.preventDefaultEvent },
+      h("vega-dropdown-item", { itemKey: ColumnOperationType.HEADER_COLUMN },
+        h("vega-flex", { alignItems: "center", gap: "size-8" },
+          h("vega-toggle-switch", { checked: ToggleHeaderTableColumnStrategy.isFullHeaderSelection(this.selectedCells), size: "small" }),
+          "Header Column")),
+      h("vega-dropdown-item", { itemKey: ColumnOperationType.ADD_COLUMN_LEFT }, "Insert column left"),
+      h("vega-dropdown-item", { itemKey: ColumnOperationType.ADD_COLUMN_RIGHT }, "Insert column right"),
+      h("vega-dropdown-item", { itemKey: ColumnOperationType.DELETE_COLUMN, disabled: this.allColumnSelected(this.selectedCells) }, "Delete column"),
+      h("vega-dropdown-item", { itemKey: ColumnOperationType.SELECT_COLUMN }, "Select column")));
+  }
+  /**
+   * Determine if all columns are selected based on the selected cell range.
+   *
+   * @param selectedCellRange
+   * @returns {boolean} true if all columns are selected
+   */
+  allColumnSelected(selectedCellRange) {
+    if (selectedCellRange.length === 0) {
+      return false;
+    }
+    const firstSelectedCell = selectedCellRange[0];
+    const table = getParentBlockByType(firstSelectedCell, RTETableBlock);
+    if (!table) {
+      return false;
+    }
+    const [minCol, maxCol] = getSelectedCellsBoundary(selectedCellRange, table);
+    const tableCount = getTableColumnCount(table);
+    return maxCol - minCol + 1 === tableCount;
+  }
+}
+__decorate([
+  MapToComponentField({ writable: true })
+], ColumnButtonSlimmer.prototype, "isColumnDropdownOpen", void 0);