@globalpayments/vega 2.34.0 → 2.35.0

package/dist/cjs/{text-color-toolbar-button-slimmer-b1c9f40e.js → image-annotation-action-d3e1699c.js}

@@ -1,10 +1,12 @@
 'use strict';
 
-const globalSlimmerRegistry = require('./global-slimmer-registry-dd2691b8.js');
-const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-093462f1.js');
-const internalIconManager = require('./internal-icon-manager-2282a62f.js');
-const textNode = require('./text-node-0d12da5a.js');
-const node_abstract = require('./node.abstract-f8075f84.js');
+const index = require('./index-09acd3c9.js');
+const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
+const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-5f0eae19.js');
+const domNodeSubjectFactory = require('./dom-node-subject-factory-3ec114b8.js');
+const internalIconManager = require('./internal-icon-manager-5ccb9443.js');
+const listBlock = require('./list-block-91116257.js');
+const nodeAnnotation_abstract = require('./node-annotation.abstract-e5d3a859.js');
 
 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;
@@ -17,9 +19,9 @@ class ToolbarButtonSlimmer extends globalSlimmerRegistry.VegaSlimmer {
     super();
     this.renderBtn = ({ showArrowIcon, iconColor } = {}) => {
       var _a, _b;
-      return (globalSlimmerRegistry.h("vega-tooltip", { text: this.tooltip.text, placement: ['bottom', 'top'] },
-        globalSlimmerRegistry.h("vega-rich-text-editor-toolbar-button", Object.assign({ showArrowIcon: showArrowIcon, icon: this.icon, iconColor: iconColor, ref: (ref) => {
-            domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, domNodeSubjectObserverFactory.VegaClick, () => {
+      return (index.h("vega-tooltip", { text: this.tooltip.text, placement: ['bottom', 'top'] },
+        index.h("vega-rich-text-editor-toolbar-button", Object.assign({ showArrowIcon: showArrowIcon, icon: this.icon, iconColor: iconColor, ref: (ref) => {
+            domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, domNodeSubjectFactory.VegaClick, () => {
               this.handleClick();
             });
           }, selected: this.isSelected(), disabled: (_a = this.isDisabled) === null || _a === void 0 ? void 0 : _a.call(this) }, this.preventLostFocus()), (_b = this.renderSlotContent) === null || _b === void 0 ? void 0 : _b.call(this))));
@@ -72,7 +74,7 @@ const text = {
 /**
  * Action to toggle the text color annotation visibility/state.
  */
-class TextColorAnnotationAction extends textNode.TextSplittableAction {
+class TextColorAnnotationAction extends listBlock.TextSplittableAction {
   constructor(textColor) {
     super();
     this.isFlushable = true;
@@ -84,7 +86,7 @@ class TextColorAnnotationAction extends textNode.TextSplittableAction {
    * @returns {TextColorAnnotation} the annotation
    */
   toAnnotation() {
-    return new textNode.TextColorAnnotation(this.textColor);
+    return new listBlock.TextColorAnnotation(this.textColor);
   }
 }
 
@@ -101,16 +103,16 @@ class TextColorToolbarButtonSlimmer extends ToolbarButtonSlimmer {
       tooltip: { text: 'Text Color' },
     });
     this.popoverShow = false;
-    node_abstract.VegaDarkModeStyleController.registerCustomDarkModeColor(TextColorToolbarButtonSlimmer.formatDarkModeColor());
+    nodeAnnotation_abstract.VegaDarkModeStyleController.registerCustomDarkModeColor(TextColorToolbarButtonSlimmer.formatDarkModeColor());
   }
   static formatDarkModeColor() {
-    return textNode.RTE_TEXT_COLORS.reduce((prev, current) => {
+    return listBlock.RTE_TEXT_COLORS.reduce((prev, current) => {
       current.dark && (prev[`rich-text-editor-${current.key}`] = current.dark);
       return prev;
     }, {});
   }
   renderSlotContent() {
-    return (globalSlimmerRegistry.h("div", { class: "toolbar-btn-color-preview-box", style: {
+    return (index.h("div", { class: "toolbar-btn-color-preview-box", style: {
         backgroundColor: this.getCurrentColor(),
       } }));
   }
@@ -121,19 +123,19 @@ class TextColorToolbarButtonSlimmer extends ToolbarButtonSlimmer {
     this.popoverShow = false;
   }
   renderBtnWrapper(renderBtn) {
-    return (globalSlimmerRegistry.h("vega-popover", { placement: "bottom", alignment: "center", ref: (ref) => {
+    return (index.h("vega-popover", { placement: "bottom", alignment: "center", ref: (ref) => {
         this.popoverRef = ref;
-        domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, domNodeSubjectObserverFactory.VegaPopoverShow, this.handlePopoverShowChange.bind(this));
-        domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, domNodeSubjectObserverFactory.VegaPopoverHide, this.handlePopoverHideChange.bind(this));
+        domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, domNodeSubjectFactory.VegaPopoverShow, this.handlePopoverShowChange.bind(this));
+        domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, domNodeSubjectFactory.VegaPopoverHide, this.handlePopoverHideChange.bind(this));
       } },
-      globalSlimmerRegistry.h("div", { slot: "popover-content" }, renderBtn({
+      index.h("div", { slot: "popover-content" }, renderBtn({
         showArrowIcon: false,
       })),
-      globalSlimmerRegistry.h("div", Object.assign({ slot: "popover", style: { userSelect: 'none' } }, super.preventLostFocus()), this.renderPopoverContent())));
+      index.h("div", Object.assign({ slot: "popover", style: { userSelect: 'none' } }, super.preventLostFocus()), this.renderPopoverContent())));
   }
   renderPopoverContent() {
-    return (globalSlimmerRegistry.h("vega-color-picker", { isInline: true, colors: textNode.RTE_TEXT_COLORS.map((item) => item[!this.isInDarkMode ? 'light' : 'dark']), ref: (ref) => {
-        domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, domNodeSubjectObserverFactory.VegaChange, this.handleChange.bind(this));
+    return (index.h("vega-color-picker", { isInline: true, colors: listBlock.RTE_TEXT_COLORS.map((item) => item[!this.isInDarkMode ? 'light' : 'dark']), ref: (ref) => {
+        domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, domNodeSubjectFactory.VegaChange, this.handleChange.bind(this));
       }, value: this.getCurrentColor() }));
   }
   async handleChange(e) {
@@ -143,16 +145,16 @@ class TextColorToolbarButtonSlimmer extends ToolbarButtonSlimmer {
       }
       this.selectionController
         .getSelectedNodes()
-        .filter((node) => node instanceof textNode.RTETextNode)
+        .filter((node) => node instanceof listBlock.RTETextNode)
         .forEach((node) => node.apply(new TextColorAnnotationAction(this.matchColor(e.detail).key)));
     }
     void this.popoverRef.hide();
   }
   matchColor(value) {
-    return textNode.RTE_TEXT_COLORS.find((item) => item[this.isInDarkMode ? 'dark' : 'light'] === value);
+    return listBlock.RTE_TEXT_COLORS.find((item) => item[this.isInDarkMode ? 'dark' : 'light'] === value);
   }
   getCurrentColor() {
-    let selectedItem = textNode.RTE_TEXT_COLORS[0];
+    let selectedItem = listBlock.RTE_TEXT_COLORS[0];
     const selectedNodes = this.selectionController.getSelectedNodes();
     if (selectedNodes.length > 1) {
       if (this.isSelectedSameColor(selectedNodes)) {
@@ -176,15 +178,15 @@ class TextColorToolbarButtonSlimmer extends ToolbarButtonSlimmer {
   getTextColor(selectedNodes) {
     var _a;
     return (((_a = selectedNodes.getAnnotationByType('TEXT_COLOR')) === null || _a === void 0 ? void 0 : _a.textColor) ||
-      textNode.RTE_TEXT_COLORS[0]);
+      listBlock.RTE_TEXT_COLORS[0]);
   }
   isDisabled() {
     const selectedNodes = this.selectionController.getSelectedNodes();
     return selectedNodes.some((node) => {
       var _a;
-      return ((_a = node.getAnnotationByType(node_abstract.NodeAnnotationTypeEnum.CODE)) === null || _a === void 0 ? void 0 : _a.code) ||
-        node.getAnnotationByType(node_abstract.NodeAnnotationTypeEnum.LINK) ||
-        node.getAnnotationByType(node_abstract.NodeAnnotationTypeEnum.IMAGE);
+      return ((_a = node.getAnnotationByType(nodeAnnotation_abstract.NodeAnnotationTypeEnum.CODE)) === null || _a === void 0 ? void 0 : _a.code) ||
+        node.getAnnotationByType(nodeAnnotation_abstract.NodeAnnotationTypeEnum.LINK) ||
+        node.getAnnotationByType(nodeAnnotation_abstract.NodeAnnotationTypeEnum.IMAGE);
     });
   }
 }
@@ -206,5 +208,54 @@ __decorate([
   globalSlimmerRegistry.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 {HTMLElement[]} 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 listBlock.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 listBlock.ImageAnnotation(this.size, this.alt);
+  }
+}
+
+exports.ImageAnnotationAction = ImageAnnotationAction;
 exports.TextColorToolbarButtonSlimmer = TextColorToolbarButtonSlimmer;
+exports.TextNodeRenderingRegistry = TextNodeRenderingRegistry$1;
 exports.ToolbarButtonSlimmer = ToolbarButtonSlimmer;