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

package/dist/esm/image-annotation-action-f62cfec3.js

@@ -1,306 +0,0 @@
-import { h } from './index-090d31ca.js';
-import { a as VegaInternalIconManager } from './internal-icon-manager-f0486245.js';
-import { c as MapToComponentField, V as VegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
-import { A as ActionHandleStrategyRegistry, O as RTE_TEXT_COLORS, b as RTETextNode, $ as TextColorAnnotationAction, y as NodeAnnotationTypeEnum, F as AnnotationAction } from './code-block-f2f0cff5.js';
-import { D as DomNodeSubjectObserverFactory, a as VegaClick, b as VegaPopoverShow, c as VegaPopoverHide, h as VegaChange } from './dom-node-subject-observer-factory-4401eb10.js';
-import { a as VegaDarkModeStyleController } from './dark-mode-style-controller-de88a117.js';
-import { i as ImageAnnotation } from './dto-renderer-manager-8b93cc6f.js';
-
-const text = {
-  icon: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 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="M64 96v32c0 17.7-14.3 32-32 32s-32-14.3-32-32V80C0 53.5 21.5 32 48 32H224 400c26.5 0 48 21.5 48 48v48c0 17.7-14.3 32-32 32s-32-14.3-32-32V96H256l0 320h48c17.7 0 32 14.3 32 32s-14.3 32-32 32H144c-17.7 0-32-14.3-32-32s14.3-32 32-32h48l0-320H64z"/></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 ToolbarButtonSlimmer extends VegaSlimmer {
-  constructor({ icon, tooltip, autoFocusOnClick = true }) {
-    super();
-    this.renderBtn = ({ showArrowIcon, iconColor } = {}) => {
-      var _a;
-      return (h("vega-tooltip", { text: this.translationSlimmer.t(this.tooltip.text), placement: ['bottom', 'top'] },
-        h("vega-rich-text-editor-toolbar-button", Object.assign({ showArrowIcon: showArrowIcon, icon: this.icon, iconColor: iconColor, ref: (ref) => {
-            DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, VegaClick, () => {
-              this.handleClick();
-            });
-          }, selected: this.isSelected(), disabled: this.isDisabled(), hidden: this.isHidden() }, this.preventLostFocus()), (_a = this.renderSlotContent) === null || _a === void 0 ? void 0 : _a.call(this))));
-    };
-    /**
-     * Handle the click event on the toolbar button.
-     * If there are no selected nodes, the focus will be set on the content and the click will be triggered after the selection change.
-     */
-    this.handleClick = () => {
-      if (typeof this.onClick === 'function') {
-        const selectedNodes = this.selectionController.getSelectedNodes();
-        if (!selectedNodes.length && this.autoFocusOnClick) {
-          void this.focusController.focusOnLastTextNode().then(() => {
-            this.onClick();
-          });
-        }
-        else {
-          this.onClick();
-        }
-      }
-    };
-    this.icon = icon;
-    this.tooltip = tooltip;
-    this.autoFocusOnClick = autoFocusOnClick;
-  }
-  setIcon(icon) {
-    this.icon = icon;
-  }
-  /**
-   * Whether the button is hidden or not.
-   */
-  isHidden() {
-    return false;
-  }
-  render() {
-    return typeof this.renderBtnWrapper === 'function'
-      ? this.renderBtnWrapper(this.renderBtn)
-      : this.renderBtn();
-  }
-  /**
-   * Whether the button is disabled or not.
-   */
-  isDisabled() {
-    return this.disabled;
-  }
-  preventLostFocus() {
-    return {
-      onMouseDown: (e) => e.preventDefault(),
-    };
-  }
-}
-__decorate$2([
-  MapToComponentField()
-], ToolbarButtonSlimmer.prototype, "translationSlimmer", void 0);
-__decorate$2([
-  MapToComponentField()
-], ToolbarButtonSlimmer.prototype, "selectionController", void 0);
-__decorate$2([
-  MapToComponentField()
-], ToolbarButtonSlimmer.prototype, "focusController", void 0);
-__decorate$2([
-  MapToComponentField()
-], ToolbarButtonSlimmer.prototype, "disabled", void 0);
-
-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;
-};
-/**
- * Abstract class for visual mode toolbar buttons, except for the source edit button.
- */
-class VisualModeToolbarButtonSlimmer extends ToolbarButtonSlimmer {
-  constructor(config) {
-    super(config);
-  }
-  /**
-   * Determines if the button should be hidden.
-   * Hide the button when the editor is in source view mode, except for the source edit button.
-   *
-   * @returns {boolean} - True if the button is hidden, false otherwise.
-   */
-  isHidden() {
-    return this.sourceView;
-  }
-  /**
-   * Determines if the button should be disabled.
-   * Determines whether should disable the button or not when the editor is not in source view mode, except for the source edit button.
-   *
-   * @returns {boolean} - True if the button is disabled, false otherwise.
-   */
-  isDisabled() {
-    return super.isDisabled() && !this.sourceView;
-  }
-  /**
-   * Check if the node support text annotation
-   *
-   * @param {Nullable< RTENode| RTEBlock>} node - The RTE node to check
-   * @param {string} annotationActionName - The annotation name to check
-   * @returns {boolean} - True if the node support text annotation, false otherwise
-   */
-  shouldDisabledToolbar(node, annotationActionName) {
-    return node && !ActionHandleStrategyRegistry.canHandle(annotationActionName, node);
-  }
-}
-__decorate$1([
-  MapToComponentField()
-], VisualModeToolbarButtonSlimmer.prototype, "sourceView", void 0);
-
-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;
-};
-class TextColorToolbarButtonSlimmer extends VisualModeToolbarButtonSlimmer {
-  constructor() {
-    super({
-      icon: 'text',
-      tooltip: { text: 'Text Color' },
-    });
-    this.popoverShow = false;
-    VegaDarkModeStyleController.registerCustomDarkModeColor(TextColorToolbarButtonSlimmer.formatDarkModeColor());
-  }
-  static formatDarkModeColor() {
-    return RTE_TEXT_COLORS.reduce((prev, current) => {
-      current.dark && (prev[`rich-text-editor-${current.key}`] = current.dark);
-      return prev;
-    }, {});
-  }
-  renderSlotContent() {
-    return (h("div", { class: {
-        'toolbar-btn-color-preview-box': true,
-        'disabled': this.isDisabled(),
-      }, style: {
-        backgroundColor: this.getCurrentColor(),
-      } }));
-  }
-  handlePopoverShowChange() {
-    this.popoverShow = true;
-  }
-  handlePopoverHideChange() {
-    this.popoverShow = false;
-  }
-  renderBtnWrapper(renderBtn) {
-    return (h("vega-popover", { placement: "bottom", alignment: "center", ref: (ref) => {
-        this.popoverRef = ref;
-        DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, VegaPopoverShow, this.handlePopoverShowChange.bind(this));
-        DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, VegaPopoverHide, this.handlePopoverHideChange.bind(this));
-      } },
-      h("div", { slot: "popover-content" }, renderBtn({
-        showArrowIcon: false,
-      })),
-      h("div", Object.assign({ slot: "popover", style: { userSelect: 'none' } }, super.preventLostFocus()), this.renderPopoverContent())));
-  }
-  renderPopoverContent() {
-    return (h("vega-color-picker", { isInline: true, colors: RTE_TEXT_COLORS.map((item) => item[!this.isInDarkMode ? 'light' : 'dark']), ref: (ref) => {
-        DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, VegaChange, this.handleChange.bind(this));
-      }, value: this.getCurrentColor() }));
-  }
-  async handleChange(e) {
-    if (this.popoverShow) {
-      if (!this.selectionController.getSelectedNodes().length) {
-        await this.focusController.focusOnLastTextNode();
-      }
-      this.selectionController
-        .getSelectedNodes()
-        .filter((node) => node instanceof RTETextNode)
-        .forEach((node) => node.apply(new TextColorAnnotationAction(this.matchColor(e.detail).key)));
-    }
-    void this.popoverRef.hide();
-  }
-  matchColor(value) {
-    return RTE_TEXT_COLORS.find((item) => item[this.isInDarkMode ? 'dark' : 'light'] === value);
-  }
-  getCurrentColor() {
-    let selectedItem = RTE_TEXT_COLORS[0];
-    const selectedNodes = this.selectionController.getSelectedNodes();
-    if (selectedNodes.length > 1) {
-      if (this.isSelectedSameColor(selectedNodes)) {
-        selectedItem = this.getTextColor(selectedNodes[0]);
-      }
-      else {
-        selectedItem = null;
-      }
-    }
-    if (selectedNodes.length === 1) {
-      selectedItem = this.getTextColor(selectedNodes[0]);
-    }
-    return selectedItem ? selectedItem[!this.isInDarkMode ? 'light' : 'dark'] : null;
-  }
-  isSelected() {
-    return false;
-  }
-  isSelectedSameColor(selectedNodes) {
-    return selectedNodes.every((node) => this.getTextColor(node).key === this.getTextColor(selectedNodes[0]).key);
-  }
-  getTextColor(selectedNodes) {
-    var _a;
-    return (((_a = selectedNodes.getAnnotationByType('TEXT_COLOR')) === null || _a === void 0 ? void 0 : _a.textColor) ||
-      RTE_TEXT_COLORS[0]);
-  }
-  isDisabled() {
-    const selectedNodes = this.selectionController.getSelectedNodes();
-    return (super.isDisabled() ||
-      selectedNodes.some((node) => {
-        var _a;
-        return ((_a = node.getAnnotationByType(NodeAnnotationTypeEnum.CODE)) === null || _a === void 0 ? void 0 : _a.code) ||
-          node.getAnnotationByType(NodeAnnotationTypeEnum.LINK) ||
-          this.shouldDisabledToolbar(node, TextColorAnnotationAction.name);
-      }));
-  }
-}
-(() => {
-  VegaInternalIconManager.register({
-    text,
-  });
-})();
-__decorate([
-  MapToComponentField()
-], TextColorToolbarButtonSlimmer.prototype, "host", void 0);
-__decorate([
-  MapToComponentField()
-], TextColorToolbarButtonSlimmer.prototype, "isInDarkMode", void 0);
-__decorate([
-  MapToComponentField()
-], TextColorToolbarButtonSlimmer.prototype, "selectionController", void 0);
-__decorate([
-  MapToComponentField()
-], TextColorToolbarButtonSlimmer.prototype, "focusController", void 0);
-
-/**
- * This class is responsible for keeping track of the DOM elements.
- */
-class TextNodeRenderingRegistry {
-  constructor() {
-    this.textNodeElements = new Map();
-  }
-  /**
-   * Registers a DOM element and the color annotation of the DOM element.
-   *
-   * @param {HTMLElement} dom The DOM element to register.
-   * @param {TextColorAnnotation} textColorAnnotation The text color annotation of text node to register.
-   */
-  register(dom, textColorAnnotation) {
-    this.textNodeElements.set(dom, textColorAnnotation);
-  }
-  /**
-   * Retrieves the text node elements.
-   *
-   * @returns {Map<HTMLElement, TextColorAnnotation>} The text node elements, or empty array.
-   */
-  getTextNodeElements() {
-    return this.textNodeElements;
-  }
-}
-const TextNodeRenderingRegistry$1 = new TextNodeRenderingRegistry();
-
-/**
- * Action to add an image annotation to the editor
- */
-class ImageAnnotationAction extends AnnotationAction {
-  constructor(size, alt) {
-    super();
-    this.isFlushable = true;
-    this.size = size;
-    this.alt = alt;
-  }
-  /**
-   * Converts the action to an annotation
-   *
-   * @returns {ImageAnnotation} The annotation
-   */
-  toAnnotation() {
-    return new ImageAnnotation(this.size, this.alt);
-  }
-}
-
-export { ImageAnnotationAction as I, TextNodeRenderingRegistry$1 as T, VisualModeToolbarButtonSlimmer as V, TextColorToolbarButtonSlimmer as a, ToolbarButtonSlimmer as b };

package/dist/esm/index-e7660797.js

@@ -1,40 +0,0 @@
-import { W as WaitForVega } from './wait-for-vega-handler-c2c07ac3.js';
-import { O as Observer } from './observer-3959f9dd.js';
-import { C as ChangeManager } from './change-manager-6a7eb88c.js';
-import { d as domNodeSubjectFactory } from './dom-node-subject-observer-factory-4401eb10.js';
-import { a as VegaInternalComponentDidRender } from './vega-internal-event-id-49fef150.js';
-
-/* istanbul ignore next */
-/**
- * Wait for all vega elements to be ready.
- *
- * The below method is e2e-test covered in @see{module:wait-for-vega-should-work-as-expected}
- */
-const waitForVega = async () => {
-  return WaitForVega.handle();
-};
-/**
- * Wait for the component has been rendered.
- *
- * @param {HTMLStencilElement} componentRef - The reference to the component that needs to be rendered.
- * @returns {Promise<unknown>} A promise that resolves when the component has been rendered.
- */
-const waitForComponentDidRender = async (componentRef) => {
-  return new Promise((resolve) => {
-    const observer = new Observer(isAcceptableComponentDidRender.bind(null), () => {
-      ChangeManager.unregister(domNodeSubjectFactory.getSubject(componentRef, VegaInternalComponentDidRender), observer);
-      resolve(null);
-    });
-    ChangeManager.register(domNodeSubjectFactory.getSubject(componentRef, VegaInternalComponentDidRender), observer);
-  });
-};
-/**
- * Determines whether the observer should accept changes.
- *
- * @returns {boolean} Always returns true in the current implementation.
- */
-const isAcceptableComponentDidRender = () => {
-  return true;
-};
-
-export { waitForComponentDidRender as a, waitForVega as w };

package/dist/esm/inject-keyboard-manager-ffd351b9.js

@@ -1,35 +0,0 @@
-import { K as KeyboardManager } from './keyboard-manager-5d8f3582.js';
-
-/**
- * It takes a function that returns an array of keyboard event listeners, and returns a decorator
- * function that takes a component class and a property name, and registers the listeners returned by
- * the function with the keyboard manager when the component is loaded, and remove registers them when the
- * component is disconnected
- *
- * @param {(instance: ComponentInterface) => KeyboardEventListener[]} listenersRetriever - (instance: ComponentInterface) => KeyboardEventListener[]
- * @returns {(target: ComponentInterface, key: string) => void} A decorator function that takes a component class and a property name.
- */
-function InjectKeyboardManager(listenersRetriever) {
-  /* A decorator function that takes a component class and a property name. */
-  return (componentClass) => {
-    const { connectedCallback, componentDidLoad, disconnectedCallback } = componentClass;
-    /* eslint-disable jsdoc/require-jsdoc */
-    componentClass.connectedCallback = function () {
-      const { keyboardEventListeners = [] } = this;
-      KeyboardManager.register(keyboardEventListeners);
-      return connectedCallback === null || connectedCallback === void 0 ? void 0 : connectedCallback.call(this);
-    };
-    componentClass.componentDidLoad = function () {
-      this.keyboardEventListeners = listenersRetriever(this);
-      KeyboardManager.register(this.keyboardEventListeners);
-      return componentDidLoad === null || componentDidLoad === void 0 ? void 0 : componentDidLoad.call(this);
-    };
-    componentClass.disconnectedCallback = function () {
-      const { keyboardEventListeners = [] } = this;
-      KeyboardManager.deregister(keyboardEventListeners);
-      return disconnectedCallback === null || disconnectedCallback === void 0 ? void 0 : disconnectedCallback.call(this);
-    };
-  };
-}
-
-export { InjectKeyboardManager as I };