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

package/dist/vega/vega-rich-text-table-setting.entry.js

@@ -0,0 +1,525 @@
+import { h, r as registerInstance, e as createEvent, g as Host, i as getElement } from './index-01a2f9c9.js';
+import { s as sanitizeVegaComponent } from './component-0cff85cf.js';
+import { V as VegaSlimmer, b as MapToComponentField, e as InjectVegaGlobalSlimmer, a as InjectVegaSlimmer, M as MapToComponentMethod } from './vega-slimmer-core-83fd0e22.js';
+import './index-9fdb7060.js';
+import { V as VegaComponentUsageRuntimeMetricsSlimmer } from './component-usage-runtime-metrics-0513698f.js';
+import { a as VegaInternalIconManager } from './internal-icon-manager-9279071a.js';
+import { c as chevronDown } from './chevron-down-4a75d28e.js';
+import { T as TableSettingType, y as ColumnOperationType, w as ToggleHeaderTableColumnStrategy, z as RowOperationType, k as RTETableHeadBlock, l as getParentBlockByType, f as RTETableBlock, j as RTETableBodyBlock } from './column-operation-a1620c67.js';
+import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-3b49c6b3.js';
+import { V as VegaDropdownClick, t as VegaDropdownShow, u as VegaDropdownHide } from './vega-event-id-61c8bd9f.js';
+import { b as VegaInternalRTEExtensionTableCellSelectionChange } from './vega-internal-event-id-b65a01a3.js';
+import { i as isArrayEqual } from './array-a1d98264.js';
+import { T as TranslationSlimmer } from './translation-slimmer-3c4e2876.js';
+import './create-public-api-runtime-metrics-slimmer-8565f08b.js';
+import './code-block-b5f8fc8a.js';
+import './change-manager-b115783e.js';
+import './dom-node-subject-factory-5798693b.js';
+import './ui-5f775fd9.js';
+import './string-a953eafc.js';
+import './type-guard-09acedc9.js';
+import './breakpoints-d9faf11c.js';
+import './ui-189dae23.js';
+import './typography-396de03f.js';
+import './index-81ce67e2.js';
+import './static-subject-title-6fdf8c8b.js';
+import './dark-mode-style-controller-e2a2f76c.js';
+import './observer-3959f9dd.js';
+import './_commonjsHelpers-2088bffa.js';
+import './vega-nonce-manager-497e5eb5.js';
+import './try-get-document-bef0f526.js';
+import './object-66c37948.js';
+import './content-state-fc9d98e0.js';
+import './number-4398f2e1.js';
+
+var __decorate$3 = (undefined && undefined.__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;
+};
+const buttonList = [
+  'rte-table-column',
+  'rte-table-row',
+  // 'rte-table-merge-cells',
+  'rte-table-properties',
+  'rte-table-cell-properties',
+  'rte-table-caption',
+];
+class VegaRichTextTableSettingRenderer extends VegaSlimmer {
+  render() {
+    return (h("vega-flex", { gap: "size-8", class: "rte-table-setting-content" }, buttonList.map((item) => this.renderButton(item))));
+  }
+  renderButton(item) {
+    switch (item) {
+      case 'rte-table-column':
+        return this.columnButtonSlimmer.render();
+      case 'rte-table-row':
+        return this.rowButtonSlimmer.render();
+      case 'rte-table-properties':
+        return this.tablePropertiesButtonSlimmer.render();
+      case 'rte-table-cell-properties':
+        return this.cellPropertiesButtonSlimmer.render();
+      default:
+        return this.captionButtonSlimmer.render();
+    }
+  }
+}
+__decorate$3([
+  MapToComponentField()
+], VegaRichTextTableSettingRenderer.prototype, "captionButtonSlimmer", void 0);
+__decorate$3([
+  MapToComponentField()
+], VegaRichTextTableSettingRenderer.prototype, "columnButtonSlimmer", void 0);
+__decorate$3([
+  MapToComponentField()
+], VegaRichTextTableSettingRenderer.prototype, "rowButtonSlimmer", void 0);
+__decorate$3([
+  MapToComponentField()
+], VegaRichTextTableSettingRenderer.prototype, "tablePropertiesButtonSlimmer", void 0);
+__decorate$3([
+  MapToComponentField()
+], VegaRichTextTableSettingRenderer.prototype, "cellPropertiesButtonSlimmer", void 0);
+
+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>`,
+  },
+};
+
+var __decorate$2 = (undefined && undefined.__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;
+};
+class TableSettingButtonSlimmer extends VegaSlimmer {
+  constructor({ icon, title, showArrowIcon }) {
+    super();
+    this.renderBtn = () => {
+      const selected = this.isSelected();
+      const disable = this.isDisabled();
+      return (h("vega-tooltip", { key: `table-setting-${this.icon}`, text: this.getTitle(), placement: ['bottom', 'top'], trigger: "hover" },
+        h("button", { type: "button", class: {
+            'rte-table-setting-item': true,
+            'rte-table-setting-item-disabled': disable,
+            'rte-table-setting-item-selected': selected,
+          }, disabled: disable, 
+          /* eslint-disable-next-line react/jsx-no-bind */
+          onClick: (event) => {
+            if (disable) {
+              return;
+            }
+            this.handleClick(event);
+          }, onKeyDown: this.preventDefaultEvent, onMouseDown: this.preventDefaultEvent },
+          h("vega-flex", { alignItems: "center", justifyContent: "center" },
+            h("vega-icon", { icon: VegaInternalIconManager.getIconKey(this.icon), size: "size-16", color: this.getIconColor() }),
+            this.showArrowIcon ? (h("vega-icon", { size: "size-8", style: { marginLeft: '8px' }, icon: VegaInternalIconManager.getIconKey('chevron-down'), color: this.getIconColor() })) : null))));
+    };
+    this.icon = icon;
+    this.title = title;
+    this.showArrowIcon = showArrowIcon;
+  }
+  render() {
+    return typeof this.renderBtnWrapper === 'function'
+      ? this.renderBtnWrapper(this.renderBtn)
+      : this.renderBtn();
+  }
+  emitClickEvent(setting) {
+    this.vegaClick.emit(setting);
+  }
+  /**
+   * Prevent the default behavior to keep the cursor position.
+   *
+   * @param {Event} e - The event object.
+   */
+  preventDefaultEvent(e) {
+    e.preventDefault();
+  }
+  getTitle() {
+    return this.title;
+  }
+  getIconColor() {
+    const selected = this.isSelected();
+    const disable = this.isDisabled();
+    if (selected) {
+      return 'text-link-active';
+    }
+    else if (disable) {
+      return 'text-disabled';
+    }
+  }
+}
+__decorate$2([
+  MapToComponentField()
+], TableSettingButtonSlimmer.prototype, "hasCaption", void 0);
+__decorate$2([
+  MapToComponentField()
+], TableSettingButtonSlimmer.prototype, "vegaClick", void 0);
+__decorate$2([
+  MapToComponentField()
+], TableSettingButtonSlimmer.prototype, "selectedCells", void 0);
+
+/**
+ * Slimmer dedicated to building the caption button.
+ */
+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';
+  }
+}
+
+var __decorate$1 = (undefined && undefined.__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;
+};
+/**
+ * Slimmer dedicated to building the column button.
+ */
+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 firstTableRowCells = selectedCellRange[0].parent
+      .children;
+    const firstCellColumnIndex = firstTableRowCells.indexOf(selectedCellRange[0]);
+    const lastTableRowCells = selectedCellRange[selectedCellRange.length - 1].parent.children;
+    const lastCellColumnIndex = lastTableRowCells.indexOf(selectedCellRange[selectedCellRange.length - 1]);
+    return firstCellColumnIndex === 0 && lastCellColumnIndex === lastTableRowCells.length - 1;
+  }
+}
+__decorate$1([
+  MapToComponentField({ writable: true })
+], ColumnButtonSlimmer.prototype, "isColumnDropdownOpen", void 0);
+
+/**
+ * Slimmer dedicated to building the column button.
+ */
+class TablePropertiesButtonSlimmer extends TableSettingButtonSlimmer {
+  constructor() {
+    super({
+      icon: 'rte-table-properties',
+      title: 'table properties',
+      showArrowIcon: false,
+    });
+  }
+  renderBtnWrapper(renderBtn) {
+    return renderBtn();
+  }
+  isSelected() {
+    return false;
+  }
+  isDisabled() {
+    return false;
+  }
+  handleClick() {
+    this.emitClickEvent([TableSettingType.TABLE]);
+  }
+}
+
+/**
+ * Slimmer dedicated to building the row button.
+ */
+class RowButtonSlimmer extends TableSettingButtonSlimmer {
+  constructor() {
+    super({
+      icon: 'rte-table-row',
+      title: 'Row',
+      showArrowIcon: true,
+    });
+    this.handleDropdownItemClick = (input) => {
+      this.emitClickEvent([TableSettingType.ROW, input.detail]);
+    };
+  }
+  renderBtnWrapper(renderBtn) {
+    return (h("vega-dropdown", { isScreenPosition: true, minWidth: 180, trigger: "click", ref: (el) => {
+        DomNodeSubjectObserverFactory.addUniqueObserverToNode(el, VegaDropdownClick, this.handleDropdownItemClick);
+      } },
+      renderBtn(),
+      this.renderActionList()));
+  }
+  isDisabled() {
+    return this.selectedCells.length === 0;
+  }
+  isSelected() {
+    return false;
+  }
+  /* istanbul ignore next */
+  // eslint-disable-next-line @typescript-eslint/no-empty-function
+  handleClick() { }
+  /**
+   * Render the action list.
+   *
+   * @returns {HTMLElement} The action list element.
+   */
+  renderActionList() {
+    const shouldChecked = this.areSelectedRowsHeaderRows();
+    return (h("div", { tabIndex: 0, role: "menu", slot: "items", onMouseDown: this.preventDefaultEvent, onKeyDown: this.preventDefaultEvent },
+      h("vega-dropdown-item", { itemKey: RowOperationType.HEADER_ROW },
+        h("vega-flex", { alignItems: "center", direction: "row", gap: "size-8" },
+          h("vega-toggle-switch", { key: shouldChecked.toString(), size: "small", checked: shouldChecked }),
+          h("span", null, "Header row"))),
+      h("vega-dropdown-item", { itemKey: RowOperationType.ADD_ROW_ABOVE }, "Insert row above"),
+      h("vega-dropdown-item", { itemKey: RowOperationType.ADD_ROW_BELOW }, "Insert row below"),
+      h("vega-dropdown-item", { disabled: this.areAllRowsSelected(), itemKey: RowOperationType.DELETE_ROW }, "Delete row"),
+      h("vega-dropdown-item", { itemKey: RowOperationType.SELECT_ROW }, "Select row")));
+  }
+  /**
+   * Check if all selected rows are header rows.
+   *
+   * @returns {boolean} - true if all selected rows are header rows, false otherwise.
+   */
+  areSelectedRowsHeaderRows() {
+    const selectedRows = this.getSelectedRows();
+    return (selectedRows.length > 0 &&
+      selectedRows.every((row) => row.parent instanceof RTETableHeadBlock));
+  }
+  /**
+   * Check if all rows are selected. Should disable some row operations if true.
+   *
+   * @returns {boolean} - true if all rows are selected, false otherwise.
+   */
+  areAllRowsSelected() {
+    let flag = false;
+    const selectedRows = this.getSelectedRows();
+    if (selectedRows.length) {
+      const table = getParentBlockByType(selectedRows[0], RTETableBlock);
+      const allRows = table.children
+        .filter((block) => block instanceof RTETableHeadBlock || block instanceof RTETableBodyBlock)
+        .flatMap((item) => item.children);
+      flag = selectedRows.length === allRows.length;
+    }
+    return flag;
+  }
+  /**
+   * Get all selected rows from selected cells.
+   *
+   * @returns {RTETableRowBlock[]} - Array of selected table row blocks.
+   */
+  getSelectedRows() {
+    const selectedRows = new Set();
+    if (this.selectedCells && this.selectedCells.length) {
+      this.selectedCells.forEach((cell) => {
+        if (cell.parent) {
+          selectedRows.add(cell.parent);
+        }
+      });
+    }
+    return Array.from(selectedRows);
+  }
+}
+
+/**
+ * Slimmer dedicated to building the merge cells button.
+ */
+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]);
+  }
+}
+
+const vegaRichTextTableSettingCss = ":host .rte-table-setting-item{border:none;background-color:#fcfcfc;cursor:pointer;padding:4px}:host .rte-table-setting-item:not(.rte-table-setting-item-disabled,.rte-table-setting-item-selected):hover{background:#f0f0f0}:host .rte-table-setting-item-disabled{cursor:default}:host .rte-table-setting-item-selected{background:rgb(219, 236, 255)}";
+
+var __decorate = (undefined && undefined.__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;
+};
+const VegaRichTextTableSetting = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.vegaClick = createEvent(this, "vegaClick", 7);
+    this.globalSlimmers = {};
+    this.translationSlimmer = new TranslationSlimmer();
+    this.vegaComponentUsageRuntimeMetricsSlimmer = new VegaComponentUsageRuntimeMetricsSlimmer();
+    this.renderer = new VegaRichTextTableSettingRenderer();
+    this.captionButtonSlimmer = new CaptionButtonSlimmer();
+    this.columnButtonSlimmer = new ColumnButtonSlimmer();
+    this.tablePropertiesButtonSlimmer = new TablePropertiesButtonSlimmer();
+    this.rowButtonSlimmer = new RowButtonSlimmer();
+    this.cellPropertiesButtonSlimmer = new CellPropertiesButtonSlimmer();
+    this.isColumnDropdownOpen = false;
+    /**
+     * Indicates whether the current table already has a caption.
+     *
+     * @vegaVersion 2.74.0-RTE-table-preview
+     */
+    this.hasCaption = false;
+    /**
+     * The selected cells in the table.
+     *
+     * @vegaVersion 2.74.0-RTE-table-preview
+     */
+    this.selectedCells = [];
+  }
+  connectedCallback() {
+    this.registerTableCellSelectionChangeObserver();
+  }
+  disconnectedCallback() {
+    if (this.target) {
+      DomNodeSubjectObserverFactory.removeUniqueObserverFromNode(this.target, VegaInternalRTEExtensionTableCellSelectionChange);
+    }
+  }
+  render() {
+    return sanitizeVegaComponent(h(Host, null, this.renderer.render()), this.host);
+  }
+  registerTableCellSelectionChangeObserver() {
+    // the target may be null when the table ref becomes ready after rendering vega-rich-text-table-setting.
+    if (this.target) {
+      DomNodeSubjectObserverFactory.addUniqueObserverToNode(this.target, VegaInternalRTEExtensionTableCellSelectionChange, (input) => {
+        if (!isArrayEqual(this.selectedCells, input.detail)) {
+          this.selectedCells = input.detail;
+        }
+      });
+    }
+  }
+  get host() { return getElement(this); }
+};
+(() => {
+  VegaInternalIconManager.register(Object.assign(Object.assign({}, Icons), { 'chevron-down': chevronDown }));
+})();
+__decorate([
+  InjectVegaGlobalSlimmer()
+], VegaRichTextTableSetting.prototype, "globalSlimmers", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaRichTextTableSetting.prototype, "translationSlimmer", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaRichTextTableSetting.prototype, "vegaComponentUsageRuntimeMetricsSlimmer", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaRichTextTableSetting.prototype, "renderer", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaRichTextTableSetting.prototype, "captionButtonSlimmer", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaRichTextTableSetting.prototype, "columnButtonSlimmer", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaRichTextTableSetting.prototype, "tablePropertiesButtonSlimmer", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaRichTextTableSetting.prototype, "rowButtonSlimmer", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaRichTextTableSetting.prototype, "cellPropertiesButtonSlimmer", void 0);
+__decorate([
+  MapToComponentMethod('connectedCallback')
+], VegaRichTextTableSetting.prototype, "connectedCallback", null);
+__decorate([
+  MapToComponentMethod('disconnectedCallback')
+], VegaRichTextTableSetting.prototype, "disconnectedCallback", null);
+VegaRichTextTableSetting.style = vegaRichTextTableSettingCss;
+
+export { VegaRichTextTableSetting as vega_rich_text_table_setting };