@heartlandone/vega 2.74.0 → 2.75.0-RTE-table-preview

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

@@ -0,0 +1,149 @@
+/* This file is generated by vega-design 2.0.77 */ /* This file is generated by vega-design 2.0.77 */ /* This file is generated by vega-design 2.0.77 */ /* This file is generated by vega-design 2.0.77 */ /* This file is generated by vega-design 2.0.77 */ /* This file is generated by vega-design 2.0.77 */ /* This file is generated by vega-design 2.0.77 */ /* This file is generated by vega-design 2.0.77 */ /* This file is generated by vega-design 2.0.77 */ /* This file is generated by vega-design 2.0.77 */ /* This file is generated by vega-design 2.0.77 */ /* This file is generated by vega-design 2.0.77 */
+/**
+ * Deprecated. Not for use in new websites.
+ * https://developer.mozilla.org/en-US/docs/Web/CSS/word-break#break-word
+ */
+:host {
+  display: block;
+  max-width: 420px;
+}
+:host .table-properties-form {
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+}
+:host .color-picker-group {
+  display: flex;
+  gap: 8px;
+  flex-direction: column;
+}
+:host .color-picker-group .color-picker-container {
+  flex-shrink: 0;
+}
+:host .color-picker-group .display-color-placeholder {
+  display: block;
+  box-sizing: border-box;
+  border-radius: 4px;
+  border: 1px solid rgba(var(--v-border-input-field, 171, 198, 216, 1));
+  width: 24px;
+  height: 24px;
+}
+:host .color-picker-group .display-color-placeholder.color-none {
+  box-sizing: content-box;
+}
+:host .text-alignment-container > vega-font {
+  display: block;
+  margin-bottom: 8px;
+}
+:host .text-alignment-button-group button {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  border: 1px solid rgba(var(--v-border-input-field, 171, 198, 216, 1));
+  padding-top: 16px;
+  padding-bottom: 16px;
+  padding-left: 16px;
+  padding-right: 16px;
+  position: relative;
+  cursor: pointer;
+  background-color: rgba(var(--v-bg-primary, 252, 252, 252, 1));
+  color: rgba(var(--v-text-primary, 32, 54, 69, 1));
+}
+:host .text-alignment-button-group button:not(:first-of-type) {
+  margin-left: -1px;
+}
+:host .text-alignment-button-group button:first-of-type {
+  border-top-left-radius: 4px;
+  border-bottom-left-radius: 4px;
+}
+:host .text-alignment-button-group button:last-of-type {
+  border-top-right-radius: 4px;
+  border-bottom-right-radius: 4px;
+}
+:host .text-alignment-button-group button:hover {
+  background-color: rgba(var(--v-bg-quaternary, 241, 248, 251, 1));
+  border: 1px solid rgba(var(--v-border-input-field-hover, 115, 160, 190, 1));
+  z-index: 1;
+}
+:host .text-alignment-button-group button:active {
+  border: 1px solid rgba(var(--v-border-input-field-focus, 19, 98, 226, 1));
+  background-color: rgba(var(--v-bg-quaternary, 241, 248, 251, 1));
+  z-index: 1;
+}
+:host .text-alignment-button-group vega-input[value=left] ~ .text-alignment-left,
+:host .text-alignment-button-group vega-input[value=center] ~ .text-alignment-center,
+:host .text-alignment-button-group vega-input[value=right] ~ .text-alignment-right,
+:host .text-alignment-button-group vega-input[value=justify] ~ .text-alignment-justify,
+:host .text-alignment-button-group vega-input[value=top] ~ .text-alignment-top,
+:host .text-alignment-button-group vega-input[value=middle] ~ .text-alignment-middle,
+:host .text-alignment-button-group vega-input[value=bottom] ~ .text-alignment-bottom {
+  border: 1px solid rgba(var(--v-border-input-field-focus, 19, 98, 226, 1));
+  background-color: rgba(var(--v-bg-quaternary, 241, 248, 251, 1));
+  z-index: 1;
+}
+:host .action-buttons {
+  text-align: right;
+}
+:host .action-buttons vega-button-link {
+  margin-left: 24px;
+}
+:host .background-color-group {
+  display: flex;
+  gap: 8px;
+  flex-direction: column;
+}
+:host .color-picker-container {
+  box-sizing: border-box;
+  border: 1px solid rgba(var(--v-border-input-field, 171, 198, 216, 1));
+  border-radius: 8px;
+  padding-left: 12px;
+  padding-right: 12px;
+  display: flex;
+  gap: 8px;
+  align-items: center;
+  padding-top: 11px;
+  padding-bottom: 11px;
+}
+:host .color-picker-container:hover {
+  border: 1px solid rgba(var(--v-border-input-field-hover, 115, 160, 190, 1));
+}
+:host .color-picker-container:focus-within {
+  outline: 2px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));
+  outline-offset: 3px;
+  border: 1px solid rgba(var(--v-border-color-input-field-focus, 19, 98, 226, 1));
+}
+:host .color-picker-container vega-divider {
+  height: 24px !important;
+}
+:host .color-picker-container .color-none {
+  display: block;
+  box-sizing: border-box;
+  border-radius: 4px;
+  width: 24px;
+  height: 24px;
+  border: 1px solid rgba(var(--v-border-input-field-danger, 230, 50, 87, 1));
+  overflow: hidden;
+  cursor: pointer;
+  position: relative;
+}
+:host .color-picker-container .color-none:hover {
+  box-shadow: 0 0 0 4px rgba(230, 50, 87, 0.25);
+}
+:host .color-picker-container .color-none:before {
+  content: "";
+  position: absolute;
+  border: 1px solid rgba(var(--v-border-input-field-danger, 230, 50, 87, 1));
+  border-left-width: 0px;
+  border-right-width: 0px;
+  border-bottom-width: 0px;
+  top: 0;
+  left: -10px;
+  width: 32px;
+  height: 0;
+  transform-origin: top right;
+  transform: rotate(-45deg);
+}
+
+:host(.vega-hidden) {
+  display: none;
+}

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.75.0-RTE-table-preview
+ */
+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.75.0-RTE-table-preview
+     */
+    this.type = 'TABLE';
+    /**
+     * @vegaVersion 2.75.0-RTE-table-preview
+     */
+    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.75.0-RTE-table-preview"
+          }],
+        "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.75.0-RTE-table-preview"
+          }],
+        "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.75.0-RTE-table-preview"
+          }],
+        "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.75.0-RTE-table-preview"
+          }],
+        "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.75.0-RTE-table-preview"
+          }],
+        "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.75.0-RTE-table-preview"
+          }],
+        "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.75.0-RTE-table-preview"
+          }],
+        "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", { 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.75.0-RTE-table-preview
+ */
+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.75.0-RTE-table-preview"
+          }],
+        "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>`,
+  },
+};