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

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

@@ -1,101 +0,0 @@
-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 } from '../../../../../../../helpers/event-manager/event-id/vega-event-id';
-import { TableSettingType } from '../../../setting-event-handlers/setting-event-handler.abstract';
-import { RowOperationType } from '../../../setting-event-handlers/row-operation';
-import { RTETableHeadBlock } from '../../../dto/table-head-block';
-import { RTETableBlock } from '../../../dto/table-block';
-import { getParentBlockByType } from '../../../utils/utils';
-import { RTETableBodyBlock } from '../../../dto/table-body-block';
-/**
- * Slimmer dedicated to building the row button.
- */
-export 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);
-  }
-}

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

@@ -1,26 +0,0 @@
-import { TableSettingButtonSlimmer } from './table-setting-button-slimmer.abstract';
-import { TableSettingType } from '../../../setting-event-handlers/setting-event-handler.abstract';
-/**
- * Slimmer dedicated to building the column button.
- */
-export 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]);
-  }
-}

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

@@ -1,75 +0,0 @@
-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 { VegaInternalIconManager } from '../../../../../../../helpers/icon/internal-icon-manager';
-import { MapToComponentField, VegaSlimmer } from 'vega-slimmer/core';
-export 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([
-  MapToComponentField()
-], TableSettingButtonSlimmer.prototype, "hasCaption", void 0);
-__decorate([
-  MapToComponentField()
-], TableSettingButtonSlimmer.prototype, "vegaClick", void 0);
-__decorate([
-  MapToComponentField()
-], TableSettingButtonSlimmer.prototype, "selectedCells", void 0);

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

@@ -1,50 +0,0 @@
-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, VegaSlimmer } from 'vega-slimmer/core';
-const buttonList = [
-  'rte-table-column',
-  'rte-table-row',
-  // 'rte-table-merge-cells',
-  'rte-table-properties',
-  'rte-table-cell-properties',
-  'rte-table-caption',
-];
-export 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([
-  MapToComponentField()
-], VegaRichTextTableSettingRenderer.prototype, "captionButtonSlimmer", void 0);
-__decorate([
-  MapToComponentField()
-], VegaRichTextTableSettingRenderer.prototype, "columnButtonSlimmer", void 0);
-__decorate([
-  MapToComponentField()
-], VegaRichTextTableSettingRenderer.prototype, "rowButtonSlimmer", void 0);
-__decorate([
-  MapToComponentField()
-], VegaRichTextTableSettingRenderer.prototype, "tablePropertiesButtonSlimmer", void 0);
-__decorate([
-  MapToComponentField()
-], VegaRichTextTableSettingRenderer.prototype, "cellPropertiesButtonSlimmer", void 0);

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

@@ -1,20 +0,0 @@
-/* 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 .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);
-}

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

@@ -1,215 +0,0 @@
-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, Element, h, Host, Event, State, Prop } from '@stencil/core';
-import { sanitizeVegaComponent } from '../../../../../utils/component';
-import { InjectVegaGlobalSlimmer, InjectVegaSlimmer, MapToComponentMethod, } from 'vega-slimmer/core';
-import { TranslationSlimmer } from '../../../../../helpers/slimmers/translation';
-import { VegaComponentUsageRuntimeMetricsSlimmer } from '../../../../../helpers/slimmers/component-usage-runtime-metrics';
-import { VegaRichTextTableSettingRenderer } from './slimmers/renderers/vega-rich-text-table-setting-renderer';
-import { VegaInternalIconManager } from '../../../../../helpers/icon/internal-icon-manager';
-import { Icons } from './assets/icon';
-import chevronDown from '../../../../../global/icons/chevron-down';
-import { CaptionButtonSlimmer } from './slimmers/renderers/caption-button-slimmer';
-import { ColumnButtonSlimmer } from './slimmers/renderers/column-button-slimmer';
-import { TablePropertiesButtonSlimmer } from './slimmers/renderers/table-properties-button-slimmer';
-import { RowButtonSlimmer } from './slimmers/renderers/row-button-slimmer';
-import { CellPropertiesButtonSlimmer } from './slimmers/renderers/cell-properties-button-slimmer';
-import { DomNodeSubjectObserverFactory } from '../../../../../helpers/change-manager/subject/dom-node-subject/dom-node-subject-observer-factory';
-import { VegaInternalRTEExtensionTableCellSelectionChange } from '../../../../../helpers/event-manager/event-id/vega-internal-event-id';
-import { isArrayEqual } from '../../../../../utils/array';
-/**
- * Table setting popover renderer for managing table operations.
- *
- * @vegaVersion 2.74.0-RTE-table-preview
- */
-export class VegaRichTextTableSetting {
-  constructor() {
-    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;
-        }
-      });
-    }
-  }
-  static get is() { return "vega-rich-text-table-setting"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["vega-rich-text-table-setting.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["vega-rich-text-table-setting.css"]
-  }; }
-  static get properties() { return {
-    "hasCaption": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [{
-            "name": "vegaVersion",
-            "text": "2.74.0-RTE-table-preview"
-          }],
-        "text": "Indicates whether the current table already has a caption."
-      },
-      "attribute": "has-caption",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "selectedCells": {
-      "type": "unknown",
-      "mutable": true,
-      "complexType": {
-        "original": "RTETableCellBlock[]",
-        "resolved": "RTETableCellBlock[]",
-        "references": {
-          "RTETableCellBlock": {
-            "location": "import",
-            "path": "../dto/table-cell-block"
-          }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [{
-            "name": "vegaVersion",
-            "text": "2.74.0-RTE-table-preview"
-          }],
-        "text": "The selected cells in the table."
-      },
-      "defaultValue": "[]"
-    },
-    "target": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "HTMLElement",
-        "resolved": "HTMLElement",
-        "references": {
-          "HTMLElement": {
-            "location": "global"
-          }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [{
-            "name": "vegaVersion",
-            "text": "2.74.0-RTE-table-preview"
-          }],
-        "text": "Specifies the target table element for the table setting."
-      }
-    }
-  }; }
-  static get states() { return {
-    "isColumnDropdownOpen": {}
-  }; }
-  static get events() { return [{
-      "method": "vegaClick",
-      "name": "vegaClick",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [{
-            "name": "vegaVersion",
-            "text": "2.74.0-RTE-table-preview"
-          }],
-        "text": ""
-      },
-      "complexType": {
-        "original": "Array<string>",
-        "resolved": "string[]",
-        "references": {
-          "Array": {
-            "location": "global"
-          }
-        }
-      }
-    }]; }
-  static get elementRef() { return "host"; }
-}
-(() => {
-  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);

package/dist/collection/components/vega-rich-text-editor/test/extensions/table/annotation-handler/annotation-handler-registration.test.js

@@ -1,164 +0,0 @@
-import htmlElementToAnnotationGenerator from '../../../../slimmers/controllers/helper/element-to-dto-strategy/annotation-handler/html-element-to-annotation-generator';
-import { AnnotationGeneratorStrategyAbstract } from '../../../../slimmers/controllers/helper/element-to-dto-strategy/annotation-handler/annotation-generator-strategy.abstract';
-import { TableAnnotationHandler } from '../../../../extensions/table/annotation-handler/table-annotation-handler';
-import { TableCellAnnotationHandler } from '../../../../extensions/table/annotation-handler/table-cell-annotation-handler';
-import { RTETableBlock } from '../../../../extensions/table/dto/table-block';
-import { RTETableCellBlock } from '../../../../extensions/table/dto/table-cell-block';
-// Mock custom handler for testing
-class MockCustomAnnotationHandler extends AnnotationGeneratorStrategyAbstract {
-  canHandle(targetDto) {
-    return targetDto.name === 'MockDTO';
-  }
-  handle() {
-    return {
-      custom: {
-        test: 'value',
-      },
-    };
-  }
-}
-describe('Annotation Handler Registration System', () => {
-  // Helper function to create an element with getAttributeNames mock
-  function createMockElement(tagName) {
-    const element = document.createElement(tagName);
-    // Mock getAttributeNames for JSDOM compatibility
-    if (!element.getAttributeNames) {
-      element.getAttributeNames = function () {
-        const attrs = [];
-        for (let i = 0; i < this.attributes.length; i++) {
-          attrs.push(this.attributes[i].name);
-        }
-        return attrs;
-      };
-    }
-    return element;
-  }
-  describe('htmlElementToAnnotationGenerator.registerHandler', () => {
-    it('should allow registering custom annotation handlers', () => {
-      const customHandler = new MockCustomAnnotationHandler();
-      const mockDto = { name: 'MockDTO' };
-      // Register the custom handler
-      htmlElementToAnnotationGenerator.registerHandler(customHandler);
-      // The handler should be registered and functional
-      const element = createMockElement('div');
-      const result = htmlElementToAnnotationGenerator.generate(mockDto, element);
-      expect(result).toEqual({
-        custom: {
-          test: 'value',
-        },
-      });
-    });
-    it('should prioritize custom handlers over default handlers', () => {
-      // Create a custom handler that overrides default behavior for a specific DTO
-      class OverrideHandler extends AnnotationGeneratorStrategyAbstract {
-        canHandle(targetDto) {
-          return targetDto.name === 'OverrideTestDTO';
-        }
-        handle() {
-          return {
-            override: {
-              customBehavior: true,
-            },
-          };
-        }
-      }
-      const overrideHandler = new OverrideHandler();
-      htmlElementToAnnotationGenerator.registerHandler(overrideHandler);
-      const element = createMockElement('div');
-      const result = htmlElementToAnnotationGenerator.generate({ name: 'OverrideTestDTO' }, element);
-      // Should get the override handler result since custom handlers run first
-      expect(result).toHaveProperty('override');
-      expect(result).toEqual({
-        override: {
-          customBehavior: true,
-        },
-      });
-    });
-    it('should allow multiple custom handlers to be registered', () => {
-      class Handler1 extends AnnotationGeneratorStrategyAbstract {
-        canHandle(targetDto) {
-          return targetDto.name === 'Handler1DTO';
-        }
-        handle() {
-          return { handler1: true };
-        }
-      }
-      class Handler2 extends AnnotationGeneratorStrategyAbstract {
-        canHandle(targetDto) {
-          return targetDto.name === 'Handler2DTO';
-        }
-        handle() {
-          return { handler2: true };
-        }
-      }
-      htmlElementToAnnotationGenerator.registerHandler(new Handler1());
-      htmlElementToAnnotationGenerator.registerHandler(new Handler2());
-      const element = createMockElement('div');
-      const result1 = htmlElementToAnnotationGenerator.generate({ name: 'Handler1DTO' }, element);
-      expect(result1).toEqual({ handler1: true });
-      const result2 = htmlElementToAnnotationGenerator.generate({ name: 'Handler2DTO' }, element);
-      expect(result2).toEqual({ handler2: true });
-    });
-  });
-  describe('Table Extension Handler Registration', () => {
-    // Ensure table handlers are registered before running these tests
-    beforeAll(() => {
-      htmlElementToAnnotationGenerator.registerHandler(new TableAnnotationHandler());
-      htmlElementToAnnotationGenerator.registerHandler(new TableCellAnnotationHandler());
-    });
-    it('should have table annotation handlers registered', () => {
-      const tableHandler = new TableAnnotationHandler();
-      expect(tableHandler.canHandle(RTETableBlock)).toBe(true);
-    });
-    it('should have table cell annotation handler registered', () => {
-      const cellHandler = new TableCellAnnotationHandler();
-      expect(cellHandler.canHandle(RTETableCellBlock)).toBe(true);
-    });
-    it('should allow table handlers to process table elements', () => {
-      const element = createMockElement('table');
-      element.style.width = '100%';
-      element.style.backgroundColor = 'white';
-      const result = htmlElementToAnnotationGenerator.generate(RTETableBlock, element);
-      expect(result).toHaveProperty('table');
-      // eslint-disable-next-line @typescript-eslint/no-explicit-any
-      expect(result.table).toHaveProperty('width', '100%');
-      // eslint-disable-next-line @typescript-eslint/no-explicit-any
-      expect(result.table).toHaveProperty('backgroundColor', 'white');
-    });
-    it('should allow cell handlers to process cell elements', () => {
-      const element = createMockElement('td');
-      element.style.padding = '10px';
-      element.style.textAlign = 'center';
-      const result = htmlElementToAnnotationGenerator.generate(RTETableCellBlock, element);
-      expect(result).toHaveProperty('tableCell');
-      // eslint-disable-next-line @typescript-eslint/no-explicit-any
-      expect(result.tableCell).toHaveProperty('padding', '10px');
-      // eslint-disable-next-line @typescript-eslint/no-explicit-any
-      expect(result.tableCell).toHaveProperty('textAlign', 'center');
-    });
-  });
-  describe('Handler Priority and Execution Order', () => {
-    it('should execute custom handlers before default handlers', () => {
-      const executionOrder = [];
-      class TrackingHandler extends AnnotationGeneratorStrategyAbstract {
-        constructor(name) {
-          super();
-          this.name = name;
-        }
-        canHandle() {
-          executionOrder.push(this.name);
-          return false; // Don't actually handle
-        }
-        handle() {
-          return {};
-        }
-      }
-      const customHandler = new TrackingHandler('custom');
-      htmlElementToAnnotationGenerator.registerHandler(customHandler);
-      const element = createMockElement('div');
-      htmlElementToAnnotationGenerator.generate({ name: 'TestDTO' }, element);
-      // Custom handler should be checked first
-      expect(executionOrder[0]).toBe('custom');
-    });
-  });
-});