@globalpayments/vega 2.32.0 → 2.34.0

package/dist/collection/components/vega-rich-text-editor/slimmers/renderers/tools/clear-style-toolbar-button-slimmer.js

@@ -0,0 +1,46 @@
+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 { ToolbarButtonSlimmer } from './toolbar-button-slimmer.abstract';
+import { VegaInternalIconManager } from '../../../../../helpers/icon/internal-icon-manager';
+import TextSlash from '../../../assets/text-slash';
+import { RTETextNode } from '../../../dto/nodes/text-node';
+import { MapToComponentField } from 'vega-slimmer/core';
+import { ClearFormattingAnnotationAction } from '../../../dto/actions/clear-formatting-annotation-action';
+import { NodeAnnotationTypeEnum } from '../../../dto/annotations/node-annotation.abstract';
+export class ClearStyleToolbarButtonSlimmer extends ToolbarButtonSlimmer {
+  constructor() {
+    super({
+      icon: 'text-slash',
+      tooltip: {
+        text: 'Clear Style',
+      },
+    });
+  }
+  isSelected() {
+    return false;
+  }
+  onClick() {
+    this.selectionController
+      .getSelectedNodes()
+      .filter((node) => node instanceof RTETextNode)
+      .forEach((node) => {
+      node.apply(new ClearFormattingAnnotationAction());
+    });
+  }
+  isDisabled() {
+    const selectedNodes = this.selectionController.getSelectedNodes();
+    return selectedNodes.some((node) => node.getAnnotationByType(NodeAnnotationTypeEnum.IMAGE));
+  }
+}
+(() => {
+  VegaInternalIconManager.register({
+    'text-slash': TextSlash,
+  });
+})();
+__decorate([
+  MapToComponentField()
+], ClearStyleToolbarButtonSlimmer.prototype, "selectionController", void 0);

package/dist/collection/components/vega-rich-text-editor/slimmers/renderers/tools/code-toolbar-button-slimmer.js

@@ -0,0 +1,47 @@
+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 { ToolbarButtonSlimmer } from './toolbar-button-slimmer.abstract';
+import { VegaInternalIconManager } from '../../../../../helpers/icon/internal-icon-manager';
+import codeSimple from '../../../assets/code-simple';
+import { RTETextNode } from '../../../dto/nodes/text-node';
+import { NodeAnnotationTypeEnum } from '../../../dto/annotations/node-annotation.abstract';
+import { MapToComponentField } from 'vega-slimmer/core';
+import { CodeAnnotationAction } from '../../../dto/actions/code-annotation-action';
+export class CodeToolbarButtonSlimmer extends ToolbarButtonSlimmer {
+  constructor() {
+    super({
+      icon: 'code-simple',
+      tooltip: { text: 'Code' },
+    });
+  }
+  onClick() {
+    const selected = this.isSelected();
+    this.selectionController
+      .getSelectedNodes()
+      .filter((node) => node instanceof RTETextNode)
+      .forEach((node) => node.apply(new CodeAnnotationAction(!selected)));
+  }
+  isSelected() {
+    const selectedNodes = this.selectionController.getSelectedNodes();
+    return (selectedNodes.length > 0 &&
+      selectedNodes
+        .filter((node) => node instanceof RTETextNode)
+        .map((node) => node.getAnnotationByType(NodeAnnotationTypeEnum.CODE))
+        .every((annotation) => annotation && annotation.code));
+  }
+  isDisabled() {
+    const selectedNodes = this.selectionController.getSelectedNodes();
+    return selectedNodes.some((node) => node.getAnnotationByType(NodeAnnotationTypeEnum.LINK) ||
+      node.getAnnotationByType(NodeAnnotationTypeEnum.IMAGE));
+  }
+}
+(() => {
+  VegaInternalIconManager.register({ 'code-simple': codeSimple });
+})();
+__decorate([
+  MapToComponentField()
+], CodeToolbarButtonSlimmer.prototype, "selectionController", void 0);

package/dist/collection/components/vega-rich-text-editor/slimmers/renderers/tools/horizontal-alignment/center-align-toolbar-button-slimmer.js

@@ -0,0 +1,47 @@
+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 { ToolbarButtonSlimmer } from '../toolbar-button-slimmer.abstract';
+import { HorizontalAlignmentAnnotationAction } from '../../../../dto/actions/horizontal-alignment-annotation-action';
+import { MapToComponentField as MapToSlimmerField } from 'vega-slimmer/core';
+import { BlockAnnotationTypeEnum } from '../../../../dto/annotations/block-annotation.abstract';
+import { VegaInternalIconManager } from '../../../../../../helpers/icon/internal-icon-manager';
+import AlignCenter from '../../../../assets/align-center';
+export class CenterAlignToolbarButtonSlimmer extends ToolbarButtonSlimmer {
+  constructor() {
+    super({
+      icon: 'align-center',
+      tooltip: {
+        text: 'Center Align',
+      },
+    });
+  }
+  isSelected() {
+    const selectedBlocks = this.selectionController.getSelectedBlocks();
+    return (selectedBlocks.length > 0 &&
+      selectedBlocks.every((block) => {
+        var _a;
+        return ((_a = block.getAnnotationByType(BlockAnnotationTypeEnum.ALIGNMENT)) === null || _a === void 0 ? void 0 : _a.textAlign) === 'center';
+      }));
+  }
+  onClick() {
+    this.selectionController
+      .getSelectedBlocks()
+      .forEach((item) => item.apply(new HorizontalAlignmentAnnotationAction('center')));
+    void this.popoverRef.hide();
+  }
+}
+(() => {
+  VegaInternalIconManager.register({
+    'align-center': AlignCenter,
+  });
+})();
+__decorate([
+  MapToSlimmerField()
+], CenterAlignToolbarButtonSlimmer.prototype, "selectionController", void 0);
+__decorate([
+  MapToSlimmerField()
+], CenterAlignToolbarButtonSlimmer.prototype, "popoverRef", void 0);

package/dist/collection/components/vega-rich-text-editor/slimmers/renderers/tools/horizontal-alignment/horizontal-alignment-toolbar-button-slimmer.js

@@ -0,0 +1,77 @@
+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 { ToolbarButtonSlimmer } from '../toolbar-button-slimmer.abstract';
+import { h } from '@stencil/core';
+import { InjectVegaSlimmer, MapToComponentField, MapToComponentMethod } from 'vega-slimmer/core';
+import { LeftAlignToolbarButtonSlimmer } from './left-align-toolbar-button-slimmer';
+import { CenterAlignToolbarButtonSlimmer } from './center-align-toolbar-button-slimmer';
+import { RightAlignToolbarButtonSlimmer } from './right-align-toolbar-button-slimmer';
+import { JustifyAlignToolbarButtonSlimmer } from './justify-align-toolbar-button-slimmer';
+export class HorizontalAlignmentToolbarButtonSlimmer extends ToolbarButtonSlimmer {
+  constructor() {
+    super({
+      icon: 'align-left',
+      tooltip: {
+        text: 'Left Align',
+      },
+    });
+    this.leftAlignToolbarButtonSlimmer = new LeftAlignToolbarButtonSlimmer();
+    this.centerAlignToolbarButtonSlimmer = new CenterAlignToolbarButtonSlimmer();
+    this.rightAlignToolbarButtonSlimmer = new RightAlignToolbarButtonSlimmer();
+    this.justifiedToolbarButtonSlimmer = new JustifyAlignToolbarButtonSlimmer();
+  }
+  componentWillRender() {
+    if (this.leftAlignToolbarButtonSlimmer.isSelected()) {
+      super.setIcon('align-left');
+    }
+    else if (this.centerAlignToolbarButtonSlimmer.isSelected()) {
+      super.setIcon('align-center');
+    }
+    else if (this.rightAlignToolbarButtonSlimmer.isSelected()) {
+      super.setIcon('align-right');
+    }
+    else if (this.justifiedToolbarButtonSlimmer.isSelected()) {
+      super.setIcon('align-justify');
+    }
+    else {
+      super.setIcon('align-left');
+    }
+  }
+  renderBtnWrapper(renderBtn) {
+    return (h("vega-popover", { trigger: "click", showArrow: false, alignment: "center", placement: "bottom", ref: (ref) => (this.popoverRef = ref) },
+      h("div", { slot: "popover-content" }, renderBtn({ showArrowIcon: true })),
+      h("div", { slot: "popover" }, this.renderContent())));
+  }
+  renderContent() {
+    return (h("vega-flex", { gap: "size-8", "justify-content": "center" },
+      h("div", null, this.leftAlignToolbarButtonSlimmer.render()),
+      h("div", null, this.centerAlignToolbarButtonSlimmer.render()),
+      h("div", null, this.rightAlignToolbarButtonSlimmer.render()),
+      h("div", null, this.justifiedToolbarButtonSlimmer.render())));
+  }
+  isSelected() {
+    return false;
+  }
+}
+__decorate([
+  MapToComponentField()
+], HorizontalAlignmentToolbarButtonSlimmer.prototype, "selectionController", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], HorizontalAlignmentToolbarButtonSlimmer.prototype, "leftAlignToolbarButtonSlimmer", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], HorizontalAlignmentToolbarButtonSlimmer.prototype, "centerAlignToolbarButtonSlimmer", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], HorizontalAlignmentToolbarButtonSlimmer.prototype, "rightAlignToolbarButtonSlimmer", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], HorizontalAlignmentToolbarButtonSlimmer.prototype, "justifiedToolbarButtonSlimmer", void 0);
+__decorate([
+  MapToComponentMethod('componentWillRender')
+], HorizontalAlignmentToolbarButtonSlimmer.prototype, "componentWillRender", null);

package/dist/collection/components/vega-rich-text-editor/slimmers/renderers/tools/horizontal-alignment/justify-align-toolbar-button-slimmer.js

@@ -0,0 +1,47 @@
+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 { ToolbarButtonSlimmer } from '../toolbar-button-slimmer.abstract';
+import { HorizontalAlignmentAnnotationAction } from '../../../../dto/actions/horizontal-alignment-annotation-action';
+import { MapToComponentField as MapToSlimmerField } from 'vega-slimmer/core';
+import { BlockAnnotationTypeEnum } from '../../../../dto/annotations/block-annotation.abstract';
+import { VegaInternalIconManager } from '../../../../../../helpers/icon/internal-icon-manager';
+import AlignJustify from '../../../../assets/align-justify';
+export class JustifyAlignToolbarButtonSlimmer extends ToolbarButtonSlimmer {
+  constructor() {
+    super({
+      icon: 'align-justify',
+      tooltip: {
+        text: 'Justified',
+      },
+    });
+  }
+  isSelected() {
+    const selectedBlocks = this.selectionController.getSelectedBlocks();
+    return (selectedBlocks.length > 0 &&
+      selectedBlocks.every((block) => {
+        var _a;
+        return ((_a = block.getAnnotationByType(BlockAnnotationTypeEnum.ALIGNMENT)) === null || _a === void 0 ? void 0 : _a.textAlign) === 'justify';
+      }));
+  }
+  onClick() {
+    this.selectionController
+      .getSelectedBlocks()
+      .forEach((item) => item.apply(new HorizontalAlignmentAnnotationAction('justify')));
+    void this.popoverRef.hide();
+  }
+}
+(() => {
+  VegaInternalIconManager.register({
+    'align-justify': AlignJustify,
+  });
+})();
+__decorate([
+  MapToSlimmerField()
+], JustifyAlignToolbarButtonSlimmer.prototype, "selectionController", void 0);
+__decorate([
+  MapToSlimmerField()
+], JustifyAlignToolbarButtonSlimmer.prototype, "popoverRef", void 0);

package/dist/collection/components/vega-rich-text-editor/slimmers/renderers/tools/horizontal-alignment/left-align-toolbar-button-slimmer.js

@@ -0,0 +1,47 @@
+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 { ToolbarButtonSlimmer } from '../toolbar-button-slimmer.abstract';
+import { MapToComponentField as MapToSlimmerField } from 'vega-slimmer/core';
+import { HorizontalAlignmentAnnotationAction } from '../../../../dto/actions/horizontal-alignment-annotation-action';
+import { BlockAnnotationTypeEnum } from '../../../../dto/annotations/block-annotation.abstract';
+import { VegaInternalIconManager } from '../../../../../../helpers/icon/internal-icon-manager';
+import AlignLeft from '../../../../assets/align-left';
+export class LeftAlignToolbarButtonSlimmer extends ToolbarButtonSlimmer {
+  constructor() {
+    super({
+      icon: 'align-left',
+      tooltip: {
+        text: 'Left Align',
+      },
+    });
+  }
+  isSelected() {
+    const selectedBlocks = this.selectionController.getSelectedBlocks();
+    return (selectedBlocks.length > 0 &&
+      selectedBlocks.every((block) => {
+        var _a;
+        return ((_a = block.getAnnotationByType(BlockAnnotationTypeEnum.ALIGNMENT)) === null || _a === void 0 ? void 0 : _a.textAlign) === 'left';
+      }));
+  }
+  onClick() {
+    this.selectionController
+      .getSelectedBlocks()
+      .forEach((item) => item.apply(new HorizontalAlignmentAnnotationAction('left')));
+    void this.popoverRef.hide();
+  }
+}
+(() => {
+  VegaInternalIconManager.register({
+    'align-left': AlignLeft,
+  });
+})();
+__decorate([
+  MapToSlimmerField()
+], LeftAlignToolbarButtonSlimmer.prototype, "selectionController", void 0);
+__decorate([
+  MapToSlimmerField()
+], LeftAlignToolbarButtonSlimmer.prototype, "popoverRef", void 0);

package/dist/collection/components/vega-rich-text-editor/slimmers/renderers/tools/horizontal-alignment/right-align-toolbar-button-slimmer.js

@@ -0,0 +1,47 @@
+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 { ToolbarButtonSlimmer } from '../toolbar-button-slimmer.abstract';
+import { HorizontalAlignmentAnnotationAction } from '../../../../dto/actions/horizontal-alignment-annotation-action';
+import { MapToComponentField as MapToSlimmerField } from 'vega-slimmer/core';
+import { BlockAnnotationTypeEnum } from '../../../../dto/annotations/block-annotation.abstract';
+import { VegaInternalIconManager } from '../../../../../../helpers/icon/internal-icon-manager';
+import AlignRight from '../../../../assets/align-right';
+export class RightAlignToolbarButtonSlimmer extends ToolbarButtonSlimmer {
+  constructor() {
+    super({
+      icon: 'align-right',
+      tooltip: {
+        text: 'Right Align',
+      },
+    });
+  }
+  isSelected() {
+    const selectedBlocks = this.selectionController.getSelectedBlocks();
+    return (selectedBlocks.length > 0 &&
+      selectedBlocks.every((block) => {
+        var _a;
+        return ((_a = block.getAnnotationByType(BlockAnnotationTypeEnum.ALIGNMENT)) === null || _a === void 0 ? void 0 : _a.textAlign) === 'right';
+      }));
+  }
+  onClick() {
+    this.selectionController
+      .getSelectedBlocks()
+      .forEach((item) => item.apply(new HorizontalAlignmentAnnotationAction('right')));
+    void this.popoverRef.hide();
+  }
+}
+(() => {
+  VegaInternalIconManager.register({
+    'align-right': AlignRight,
+  });
+})();
+__decorate([
+  MapToSlimmerField()
+], RightAlignToolbarButtonSlimmer.prototype, "selectionController", void 0);
+__decorate([
+  MapToSlimmerField()
+], RightAlignToolbarButtonSlimmer.prototype, "popoverRef", void 0);

package/dist/collection/components/vega-rich-text-editor/slimmers/renderers/tools/image-toolbar-button-slimmer.js

@@ -0,0 +1,72 @@
+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 { ToolbarButtonSlimmer } from './toolbar-button-slimmer.abstract';
+import { VegaInternalIconManager } from '../../../../../helpers/icon/internal-icon-manager';
+import image from '../../../assets/image';
+import { h } from '@stencil/core';
+import { MapToComponentField } from 'vega-slimmer/core';
+import { NodeAnnotationTypeEnum } from '../../../dto/annotations/node-annotation.abstract';
+export class ImageToolbarButtonSlimmer extends ToolbarButtonSlimmer {
+  constructor() {
+    super({
+      icon: 'image',
+      tooltip: { text: 'Image' },
+    });
+    this.onClick = () => {
+      this.inputElementRef.click();
+    };
+    /**
+     * The below method is e2e-test covered in
+     * @see{module:should-update-url-properly-when-upload-images}
+     */
+    /* istanbul ignore next */
+    this.fileInputChange = (e) => {
+      e.stopPropagation();
+      const input = e.target;
+      if (!input.files.length) {
+        return;
+      }
+      const node = this.insertImageController.insertImageToCaretPosition(URL.createObjectURL(input.files[0]));
+      if (!this.updateNodeURLMap) {
+        this.updateNodeURLMap = new Map();
+      }
+      this.updateNodeURLMap.set(node, (url) => {
+        node.url = url;
+      });
+      const payload = {
+        file: input.files[0],
+        sendBackUploadedURLCallback: this.updateNodeURLMap.get(node),
+      };
+      this.imageInsertedEventEmitter.emit(payload);
+      input.value = '';
+    };
+  }
+  renderBtnWrapper(renderBtn) {
+    return (h("vega-box", null,
+      renderBtn({ showArrowIcon: false }),
+      h("input", { type: "file", style: { display: 'none' }, ref: (node) => (this.inputElementRef = node), accept: "image/*", onChange: this.fileInputChange })));
+  }
+  isSelected() {
+    return false;
+  }
+  isDisabled() {
+    const selectedNodes = this.selectionController.getSelectedNodes();
+    return selectedNodes.some((node) => node.getAnnotationByType(NodeAnnotationTypeEnum.LINK));
+  }
+}
+(() => {
+  VegaInternalIconManager.register({ image: image });
+})();
+__decorate([
+  MapToComponentField()
+], ImageToolbarButtonSlimmer.prototype, "insertImageController", void 0);
+__decorate([
+  MapToComponentField()
+], ImageToolbarButtonSlimmer.prototype, "imageInsertedEventEmitter", void 0);
+__decorate([
+  MapToComponentField()
+], ImageToolbarButtonSlimmer.prototype, "selectionController", void 0);

package/dist/collection/components/vega-rich-text-editor/slimmers/renderers/tools/italic-toolbar-button-slimmer.js

@@ -0,0 +1,49 @@
+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 { ToolbarButtonSlimmer } from './toolbar-button-slimmer.abstract';
+import { VegaInternalIconManager } from '../../../../../helpers/icon/internal-icon-manager';
+import italic from '../../../assets/italic';
+import { MapToComponentField } from 'vega-slimmer/core';
+import { ItalicAnnotationAction } from '../../../dto/actions/italic-annotation-action';
+import { NodeAnnotationTypeEnum } from '../../../dto/annotations/node-annotation.abstract';
+import { RTETextNode } from '../../../dto/nodes/text-node';
+export class ItalicToolbarButtonSlimmer extends ToolbarButtonSlimmer {
+  constructor() {
+    super({
+      icon: 'italic',
+      tooltip: { text: 'Italic' },
+    });
+  }
+  isSelected() {
+    const selectedNodes = this.selectionController
+      .getSelectedNodes()
+      .filter((node) => node instanceof RTETextNode);
+    return (selectedNodes.length > 0 &&
+      selectedNodes.every((node) => { var _a; return (_a = node.getAnnotationByType(NodeAnnotationTypeEnum.ITALIC)) === null || _a === void 0 ? void 0 : _a.italic; }));
+  }
+  onClick() {
+    const italic = this.isSelected();
+    this.selectionController
+      .getSelectedNodes()
+      .filter((node) => node instanceof RTETextNode)
+      .forEach((node) => node.apply(new ItalicAnnotationAction(!italic)));
+  }
+  isDisabled() {
+    const selectedNodes = this.selectionController.getSelectedNodes();
+    return selectedNodes.some((node) => {
+      var _a;
+      return ((_a = node.getAnnotationByType(NodeAnnotationTypeEnum.CODE)) === null || _a === void 0 ? void 0 : _a.code) ||
+        node.getAnnotationByType(NodeAnnotationTypeEnum.IMAGE);
+    });
+  }
+}
+(() => {
+  VegaInternalIconManager.register({ italic });
+})();
+__decorate([
+  MapToComponentField()
+], ItalicToolbarButtonSlimmer.prototype, "selectionController", void 0);

package/dist/collection/components/vega-rich-text-editor/slimmers/renderers/tools/less-indent-toolbar-button-slimmer.js

@@ -0,0 +1,46 @@
+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 { ToolbarButtonSlimmer } from './toolbar-button-slimmer.abstract';
+import { VegaInternalIconManager } from '../../../../../helpers/icon/internal-icon-manager';
+import outdent from '../../../assets/outdent';
+import { BlockAnnotationTypeEnum } from '../../../dto/annotations/block-annotation.abstract';
+import { IndentAnnotationAction } from '../../../dto/actions/indent-annotation-action';
+import { MapToComponentField } from 'vega-slimmer/core';
+import { RTEImageNode } from '../../../dto/nodes/image-node';
+export class LessIndentToolbarButtonSlimmer extends ToolbarButtonSlimmer {
+  constructor() {
+    super({
+      icon: 'outdent',
+      tooltip: {
+        text: 'Less Indent',
+      },
+    });
+  }
+  isSelected() {
+    return false;
+  }
+  isDisabled() {
+    const selectedBlocks = this.selectionController.getSelectedBlocks();
+    const selectedNodes = this.selectionController.getSelectedNodes();
+    return (selectedBlocks.some((node) => node.type === 'list-item') ||
+      selectedNodes.some((node) => node instanceof RTEImageNode));
+  }
+  onClick() {
+    this.selectionController.getSelectedBlocks().forEach((item) => {
+      var _a, _b;
+      const indent = (_b = (_a = item.getAnnotationByType(BlockAnnotationTypeEnum.INDENT)) === null || _a === void 0 ? void 0 : _a.indent) !== null && _b !== void 0 ? _b : 0;
+      const newIndent = indent > 1 ? indent - 1 : 0;
+      item.apply(new IndentAnnotationAction(newIndent));
+    });
+  }
+}
+(() => {
+  VegaInternalIconManager.register({ outdent: outdent });
+})();
+__decorate([
+  MapToComponentField()
+], LessIndentToolbarButtonSlimmer.prototype, "selectionController", void 0);

package/dist/collection/components/vega-rich-text-editor/slimmers/renderers/tools/link-toolbar-button-slimmer.js

@@ -0,0 +1,97 @@
+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 { ToolbarButtonSlimmer } from './toolbar-button-slimmer.abstract';
+import { VegaInternalIconManager } from '../../../../../helpers/icon/internal-icon-manager';
+import link from '../../../assets/link';
+import { h } from '@stencil/core';
+import { DomNodeSubjectObserverFactory } from '../../../../../helpers/change-manager/subject/dom-node-subject/dom-node-subject-observer-factory';
+import { VegaChange } from '../../../../../helpers/event-manager/event-id/vega-event-id';
+import { MapToComponentField } from 'vega-slimmer/core';
+import { RTETextNode } from '../../../dto/nodes/text-node';
+import { LinkAnnotationAction } from '../../../dto/actions/link-annotation-action';
+import { NodeAnnotationTypeEnum } from '../../../dto/annotations/node-annotation.abstract';
+import { SelectionChangeAction } from '../../../dto/actions/selection-change-action';
+import { generateUUID } from '../../../../../utils/misc';
+import { waitForComponentDidRender } from '../../../../../helpers/common';
+export class LinkToolbarButtonSlimmer extends ToolbarButtonSlimmer {
+  constructor() {
+    super({
+      icon: 'link',
+      tooltip: {
+        text: 'Link',
+      },
+    });
+    this.handleLinkEditorChange = ({ detail, }) => {
+      switch (detail.action) {
+        case 'link': {
+          const { url, text } = detail.payload;
+          const textChanged = text !== this.currentSelectedText;
+          const groupKey = generateUUID();
+          this.currentSelectedNodes.forEach((node) => {
+            node.apply(new SelectionChangeAction(this.currentRange)).apply(new LinkAnnotationAction({
+              link: { href: url, groupKey: groupKey },
+              newText: textChanged ? text : undefined,
+              needMergeNode: textChanged && this.currentSelectedNodes.length > 1,
+            }));
+          });
+          return;
+        }
+      }
+    };
+  }
+  renderBtnWrapper(renderBtn) {
+    return (h("div", { class: "toolbar-btn-link-wrapper", ref: (ref) => (this.linkBtnWrapperRef = ref) },
+      renderBtn(),
+      h("vega-rich-text-link-editor", { resetStatusAfterHide: false, status: "linkEdit", ref: (ref) => {
+          if (ref) {
+            this.linkEditorRef = ref;
+          }
+          DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, VegaChange, this.handleLinkEditorChange);
+        } })));
+  }
+  isSelected() {
+    return false;
+  }
+  isDisabled() {
+    const selectedNodes = this.selectionController.getSelectedNodes();
+    const selectedBlocks = this.selectionController.getSelectedBlocks();
+    return (selectedBlocks.length > 1 ||
+      selectedNodes.some((node) => {
+        var _a;
+        return !(node instanceof RTETextNode) ||
+          node.getAnnotationByType(NodeAnnotationTypeEnum.LINK) ||
+          ((_a = node.getAnnotationByType(NodeAnnotationTypeEnum.CODE)) === null || _a === void 0 ? void 0 : _a.code);
+      }));
+  }
+  onClick() {
+    this.currentRange = this.selectionController.getCurrentRange().toNativeRange();
+    this.currentSelectedNodes = this.selectionController.getSelectedNodes();
+    if (this.currentRange) {
+      this.currentSelectedText = this.currentRange.toString();
+      if (this.currentSelectedNodes.length > 0) {
+        this.linkEditorRef.record = {
+          text: this.currentSelectedText,
+          url: '',
+        };
+      }
+    }
+    // Set target prop and call show method at the first time to make sure showing later than overrides method call focusController.focusOnLastTextNode()
+    // Element appender will control the show and hide logic except for the first time.
+    if (!this.linkEditorRef.target) {
+      this.linkEditorRef.target = this.linkBtnWrapperRef;
+      void waitForComponentDidRender(this.linkEditorRef).then(() => {
+        void this.linkEditorRef.show();
+      });
+    }
+  }
+}
+(() => {
+  VegaInternalIconManager.register({ link: link });
+})();
+__decorate([
+  MapToComponentField()
+], LinkToolbarButtonSlimmer.prototype, "selectionController", void 0);