@globalpayments/vega 2.44.0 → 2.46.0

package/dist/collection/components/vega-rich-text-editor/vega-rich-text-image-editor/slimmers/renderers/vega-rich-text-image-editor-renderer.js

@@ -54,11 +54,13 @@ export class VegaRichTextImageEditorRenderer extends VegaSlimmer {
   renderImageEditor() {
     return (h("vega-box", { display: this.currentPage === 1 ? 'block' : 'none' },
       h("vega-flex", { gap: "size-12", alignItems: "center" },
-        h("vega-font", { variant: "font-field-label-sm", color: "text-primary" }, "Size:"),
+        h("vega-font", { variant: "font-field-label-sm", color: "text-primary" },
+          this.translationSlimmer.t('Size'),
+          ":"),
         h("vega-segment-control", { size: "small", segments: [
-            { key: 'sm', text: 'Sm' },
-            { key: 'md', text: 'Md' },
-            { key: 'lg', text: 'Lg' },
+            { key: 'sm', text: this.translationSlimmer.t('Sm') },
+            { key: 'md', text: this.translationSlimmer.t('Md') },
+            { key: 'lg', text: this.translationSlimmer.t('Lg') },
           ], selected: this.size, ref: (ref) => {
             DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, VegaChange, (e) => {
               const size = e.detail;
@@ -81,13 +83,13 @@ export class VegaRichTextImageEditorRenderer extends VegaSlimmer {
               }
             });
           } },
-          h("vega-button-group-item", { label: "Alt Text", itemKey: "Alt Text" }),
-          h("vega-button-group-item", { label: "Delete Image", icon: VegaInternalIconManager.getIconKey('trash-can'), iconOnly: true, itemKey: "trash-can" })))));
+          h("vega-button-group-item", { label: this.translationSlimmer.t('Alt Text'), itemKey: "Alt Text" }),
+          h("vega-button-group-item", { label: this.translationSlimmer.t('Delete Image'), icon: VegaInternalIconManager.getIconKey('trash-can'), iconOnly: true, itemKey: "trash-can" })))));
   }
   renderAltTextEditor() {
     return (h("vega-box", { display: this.currentPage === 2 ? 'block' : 'none' },
       h("vega-form", { ref: (ref) => (this.formRef = ref) },
-        h("vega-input", { "data-vega-form": "alt", style: { width: '315px' }, label: "Alt Text", ref: (ref) => {
+        h("vega-input", { "data-vega-form": "alt", style: { width: '315px' }, label: this.translationSlimmer.t('Alt Text'), ref: (ref) => {
             void ref.doFocus();
           }, onKeyDown: this.handleKeyDown }))));
   }
@@ -128,6 +130,9 @@ __decorate([
 __decorate([
   MapToComponentField()
 ], VegaRichTextImageEditorRenderer.prototype, "changeEventEmitter", void 0);
+__decorate([
+  MapToComponentField()
+], VegaRichTextImageEditorRenderer.prototype, "translationSlimmer", void 0);
 __decorate([
   MapToComponentMethod('componentDidLoad')
 ], VegaRichTextImageEditorRenderer.prototype, "findParentContainerRef", null);

package/dist/collection/components/vega-rich-text-editor/vega-rich-text-image-editor/vega-rich-text-image-editor.js

@@ -11,6 +11,7 @@ import { sanitizeVegaComponent } from '../../../utils/component';
 import { VegaRichTextImageEditorRenderer } from './slimmers/renderers/vega-rich-text-image-editor-renderer';
 import { createEventEmitSlimmer, } from '../../../helpers/event-manager/slimmers/event-emit-slimmer';
 import { VegaChange } from '../../../helpers/event-manager/event-id/vega-event-id';
+import { TranslationSlimmer } from '../../../helpers/slimmers/translation';
 /**
  * This is an internal used component and shouldn't be used by clients,
  *    it doesn't show up in storybook either.
@@ -20,6 +21,7 @@ import { VegaChange } from '../../../helpers/event-manager/event-id/vega-event-i
 export class VegaRichTextImageEditor {
   constructor() {
     this.globalSlimmers = {};
+    this.translationSlimmer = new TranslationSlimmer();
     this.vegaComponentUsageRuntimeMetricsSlimmer = new VegaComponentUsageRuntimeMetricsSlimmer();
     this.renderer = new VegaRichTextImageEditorRenderer();
     this.changeEventEmitter = createEventEmitSlimmer(VegaRichTextImageEditor, VegaChange);
@@ -154,6 +156,9 @@ export class VegaRichTextImageEditor {
 __decorate([
   InjectVegaGlobalSlimmer()
 ], VegaRichTextImageEditor.prototype, "globalSlimmers", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaRichTextImageEditor.prototype, "translationSlimmer", void 0);
 __decorate([
   InjectVegaSlimmer()
 ], VegaRichTextImageEditor.prototype, "vegaComponentUsageRuntimeMetricsSlimmer", void 0);

package/dist/collection/components/vega-rich-text-editor/vega-rich-text-link-editor/slimmers/renderers/vega-rich-text-link-editor-renderer.js

@@ -96,8 +96,8 @@ export class VegaRichTextLinkEditorRenderer extends VegaSlimmer {
             }
           });
         } },
-        h("vega-button-group-item", { label: "Edit", itemKey: "edit" }),
-        h("vega-button-group-item", { label: "Unlink", itemKey: "unlink" }))));
+        h("vega-button-group-item", { label: this.translationSlimmer.t('Edit'), itemKey: "edit" }),
+        h("vega-button-group-item", { label: this.translationSlimmer.t('Unlink'), itemKey: "unlink" }))));
   }
   renderLinkEditContent() {
     return (h("vega-box", { display: this.status === 'linkEdit' ? 'block' : 'none' },
@@ -105,8 +105,8 @@ export class VegaRichTextLinkEditorRenderer extends VegaSlimmer {
         h("vega-flex", { style: { width: '419px' }, direction: "col", gap: "size-16" },
           h("vega-input", { "data-vega-form": "url", ref: (ref) => {
               this.urlInputRef = ref;
-            }, size: "small", label: "URL", onKeyDown: this.handleKeyDown }),
-          h("vega-input", { size: "small", label: "Text", "data-vega-form": "text", onKeyDown: this.handleKeyDown })))));
+            }, size: "small", label: this.translationSlimmer.t('URL'), onKeyDown: this.handleKeyDown }),
+          h("vega-input", { size: "small", label: this.translationSlimmer.t('Text'), "data-vega-form": "text", onKeyDown: this.handleKeyDown })))));
   }
   updatePopoverTarget() {
     remoteInvocationRegistry.call(domNodeSubjectFactory.getSubject(this.popoverRef, VegaInternalPopoverUpdateTarget), this.target);
@@ -127,6 +127,9 @@ __decorate([
 __decorate([
   MapToComponentField()
 ], VegaRichTextLinkEditorRenderer.prototype, "resetStatusAfterHide", void 0);
+__decorate([
+  MapToComponentField()
+], VegaRichTextLinkEditorRenderer.prototype, "translationSlimmer", void 0);
 __decorate([
   MapToComponentField()
 ], VegaRichTextLinkEditorRenderer.prototype, "target", void 0);

package/dist/collection/components/vega-rich-text-editor/vega-rich-text-link-editor/vega-rich-text-link-editor.js

@@ -11,6 +11,7 @@ import { sanitizeVegaComponent } from '../../../utils/component';
 import { VegaRichTextLinkEditorRenderer } from './slimmers/renderers/vega-rich-text-link-editor-renderer';
 import { createEventEmitSlimmer, } from '../../../helpers/event-manager/slimmers/event-emit-slimmer';
 import { VegaChange } from '../../../helpers/event-manager/event-id/vega-event-id';
+import { TranslationSlimmer } from '../../../helpers/slimmers/translation';
 /**
  * This is an internal used component and shouldn't be used by clients,
  *    it doesn't show up in storybook either.
@@ -20,6 +21,7 @@ import { VegaChange } from '../../../helpers/event-manager/event-id/vega-event-i
 export class VegaRichTextLinkEditor {
   constructor() {
     this.globalSlimmers = {};
+    this.translationSlimmer = new TranslationSlimmer();
     this.vegaComponentUsageRuntimeMetricsSlimmer = new VegaComponentUsageRuntimeMetricsSlimmer();
     this.renderer = new VegaRichTextLinkEditorRenderer();
     this.changeEventEmitter = createEventEmitSlimmer(VegaRichTextLinkEditor, VegaChange);
@@ -236,6 +238,9 @@ export class VegaRichTextLinkEditor {
 __decorate([
   InjectVegaGlobalSlimmer()
 ], VegaRichTextLinkEditor.prototype, "globalSlimmers", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaRichTextLinkEditor.prototype, "translationSlimmer", void 0);
 __decorate([
   InjectVegaSlimmer()
 ], VegaRichTextLinkEditor.prototype, "vegaComponentUsageRuntimeMetricsSlimmer", void 0);

package/dist/collection/components/vega-skeleton/slimmers/renderers/vega-skeleton-image-renderer.js

@@ -22,7 +22,7 @@ export class VegaSkeletonImageRenderer extends VegaSkeletonRendererBase {
     };
   }
   renderChildren() {
-    return h("div", { class: "vega-skeleton-image" });
+    return h("vega-box", { class: "vega-skeleton-image", corners: this.corners });
   }
 }
 __decorate([
@@ -31,3 +31,6 @@ __decorate([
 __decorate([
   MapToComponentField()
 ], VegaSkeletonImageRenderer.prototype, "width", void 0);
+__decorate([
+  MapToComponentField()
+], VegaSkeletonImageRenderer.prototype, "corners", void 0);

package/dist/collection/components/vega-skeleton/vega-skeleton.css

@@ -48,7 +48,6 @@
 }
 
 .vega-skeleton-image {
-  border-radius: 12px;
   width: 100%;
   height: 100%;
 }

package/dist/collection/components/vega-skeleton/vega-skeleton.js

@@ -40,6 +40,15 @@ export class VegaSkeleton {
      * @vegaVersion 2.15.0
      */
     this.animated = false;
+    /**
+     * Defines the corner of the skeleton.
+     *    It accepts a string value representing a valid
+     *    border radius token.
+     * @VegaHint This property is only valid for image types.
+     *
+     * @vegaVersion 2.45.0
+     */
+    this.corners = 'rounded-12';
   }
   render() {
     return this.vegaSkeletonRendererManager.render();
@@ -149,6 +158,35 @@ export class VegaSkeleton {
       "attribute": "animated",
       "reflect": false,
       "defaultValue": "false"
+    },
+    "corners": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "CornersType",
+        "resolved": "\"rounded-12\" | \"rounded-16\" | \"rounded-2\" | \"rounded-24\" | \"rounded-32\" | \"rounded-4\" | \"rounded-48\" | \"rounded-8\" | \"rounded-full\" | \"rounded-none\" | { left?: \"rounded-none\" | \"rounded-full\" | \"rounded-2\" | \"rounded-4\" | \"rounded-8\" | \"rounded-12\" | \"rounded-16\" | \"rounded-24\" | \"rounded-32\" | \"rounded-48\"; right?: \"rounded-none\" | \"rounded-full\" | \"rounded-2\" | \"rounded-4\" | \"rounded-8\" | \"rounded-12\" | \"rounded-16\" | \"rounded-24\" | \"rounded-32\" | \"rounded-48\"; top?: \"rounded-none\" | \"rounded-full\" | \"rounded-2\" | \"rounded-4\" | \"rounded-8\" | \"rounded-12\" | \"rounded-16\" | \"rounded-24\" | \"rounded-32\" | \"rounded-48\"; bottom?: \"rounded-none\" | \"rounded-full\" | \"rounded-2\" | \"rounded-4\" | \"rounded-8\" | \"rounded-12\" | \"rounded-16\" | \"rounded-24\" | \"rounded-32\" | \"rounded-48\"; \"top-left\"?: \"rounded-none\" | \"rounded-full\" | \"rounded-2\" | \"rounded-4\" | \"rounded-8\" | \"rounded-12\" | \"rounded-16\" | \"rounded-24\" | \"rounded-32\" | \"rounded-48\"; \"top-right\"?: \"rounded-none\" | \"rounded-full\" | \"rounded-2\" | \"rounded-4\" | \"rounded-8\" | \"rounded-12\" | \"rounded-16\" | \"rounded-24\" | \"rounded-32\" | \"rounded-48\"; \"bottom-left\"?: \"rounded-none\" | \"rounded-full\" | \"rounded-2\" | \"rounded-4\" | \"rounded-8\" | \"rounded-12\" | \"rounded-16\" | \"rounded-24\" | \"rounded-32\" | \"rounded-48\"; \"bottom-right\"?: \"rounded-none\" | \"rounded-full\" | \"rounded-2\" | \"rounded-4\" | \"rounded-8\" | \"rounded-12\" | \"rounded-16\" | \"rounded-24\" | \"rounded-32\" | \"rounded-48\"; }",
+        "references": {
+          "CornersType": {
+            "location": "import",
+            "path": "../../types/ui.type"
+          }
+        }
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "name": "VegaHint",
+            "text": "This property is only valid for image types."
+          }, {
+            "name": "vegaVersion",
+            "text": "2.45.0"
+          }],
+        "text": "Defines the corner of the skeleton.\n   It accepts a string value representing a valid\n   border radius token."
+      },
+      "attribute": "corners",
+      "reflect": false,
+      "defaultValue": "'rounded-12'"
     }
   }; }
   static get elementRef() { return "host"; }

package/dist/collection/components/vega-time-picker/slimmers/renderers/vega-time-picker-range-dropdown-renderer.js

@@ -15,12 +15,14 @@ export class VegaTimePickerRangeDropdownRenderer extends VegaSlimmer {
   constructor() {
     super(...arguments);
     this.isMobileDevice = getDeviceType() === DeviceType.MOBILE;
+    this.isTabletDevice = getDeviceType() === DeviceType.TABLET;
     /** The `renderStartDropdown` method is a private method of the `VegaTimePickerRangeDropdownRenderer` class. It is responsible for rendering the start dropdown element in the component's JSX. */
     this.renderStartDropdown = () => {
       return (h("vega-time-picker-dropdown", { class: {
           'vega-time-picker-dropdown start-dropdown': true,
           /* istanbul ignore next */
           'mobile': this.isMobileDevice,
+          'tablet': this.isTabletDevice,
         }, ref: (e) => (this.startDropdown = e) },
         h("div", { class: "vega-time-picker-dropdown-container", ref: (e) => (this.startDropdownContainer = e) },
           h("div", { class: "vega-time-picker-dropdown-panel" }, this.renderDropdownList('start')))));
@@ -31,6 +33,7 @@ export class VegaTimePickerRangeDropdownRenderer extends VegaSlimmer {
           'vega-time-picker-dropdown end-dropdown': true,
           /* istanbul ignore next */
           'mobile': this.isMobileDevice,
+          'tablet': this.isTabletDevice,
         }, ref: (e) => (this.endDropdown = e) },
         h("div", { class: "vega-time-picker-dropdown-container", ref: (e) => (this.endDropdownContainer = e) },
           h("div", { class: "vega-time-picker-dropdown-panel" }, this.renderDropdownList('end')))));

package/dist/collection/components/vega-time-picker/slimmers/renderers/vega-time-picker-single-dropdown-renderer.js

@@ -16,6 +16,7 @@ export class VegaTimePickerSingleDropdownRenderer extends VegaSlimmer {
   constructor() {
     super(...arguments);
     this.isMobileDevice = getDeviceType() === DeviceType.MOBILE;
+    this.isTabletDevice = getDeviceType() === DeviceType.TABLET;
     this.renderDropdownByTimeSource = () => {
       return (h(Fragment, null,
         this.renderDropdownColumn(this.dropdownSource.hours, 'hour'),
@@ -80,6 +81,7 @@ export class VegaTimePickerSingleDropdownRenderer extends VegaSlimmer {
         'vega-time-picker-dropdown': true,
         /* istanbul ignore next */
         'mobile': this.isMobileDevice,
+        'tablet': this.isTabletDevice,
       }, ref: (e) => (this.dropdown = e) },
       h("div", { class: "vega-time-picker-dropdown-container", ref: (e) => (this.dropdownContainer = e) },
         h("div", { class: "vega-time-picker-dropdown-panel" }, this.renderDropdownByTimeSource()),

package/dist/collection/components/vega-time-picker/vega-time-picker-dropdown/vega-time-picker-dropdown.css

@@ -43,7 +43,8 @@
   overflow-y: auto;
 }
 
-:host(.mobile) .vega-time-picker-dropdown-panel > ul {
+:host(.mobile) .vega-time-picker-dropdown-panel > ul,
+:host(.tablet) .vega-time-picker-dropdown-panel > ul {
   overflow-y: auto;
   overflow-x: hidden;
 }

package/dist/collection/components/vega-time-picker/vega-time-picker.js

@@ -90,6 +90,7 @@ export class VegaTimePicker {
     this.changeEventEmitter = createEventEmitSlimmer(VegaTimePicker, VegaChange);
     this.vegaComponentUsageRuntimeMetricsSlimmer = new VegaComponentUsageRuntimeMetricsSlimmer(VegaTimePickerRuntimeMetricsPayloadDefinition);
     this.isMobileDevice = getDeviceType() === DeviceType.MOBILE;
+    this.isTabletDevice = getDeviceType() === DeviceType.TABLET;
     /** dropdown source */
     this.dropdownSource = {
       hours: [],
@@ -220,13 +221,17 @@ export class VegaTimePicker {
         disabled: this.disabled,
       } },
       this.labelRenderer.render(),
-      h("div", { class: {
-          'vega-time-picker-input-container': true,
-          'range-mode': isRangeMode,
-          'mobile': isRangeMode && this.isMobileDevice,
-        }, ref: (node) => (this.inputContainerRef = node) }, isRangeMode ? this.rangeInputRenderer.render() : this.singleInputRenderer.render()),
+      h("div", { class: this.getTimePickerClass(isRangeMode), ref: (node) => (this.inputContainerRef = node) }, isRangeMode ? this.rangeInputRenderer.render() : this.singleInputRenderer.render()),
       isRangeMode ? this.rangeDropdownRenderer.render() : this.singleDropdownRenderer.render()), this.host);
   }
+  getTimePickerClass(isRangeMode) {
+    return {
+      'vega-time-picker-input-container': true,
+      'range-mode': isRangeMode,
+      'mobile': isRangeMode && this.isMobileDevice,
+      'tablet': isRangeMode && this.isTabletDevice,
+    };
+  }
   static get is() { return "vega-time-picker"; }
   static get encapsulation() { return "shadow"; }
   static get originalStyleUrls() { return {

package/dist/collection/constants/ui.js

@@ -82,6 +82,7 @@ export const VegaNativeEventName = [
   'preview',
   'labelButtonClick',
   'imageInserted',
+  'reset',
 ];
 // eslint-disable-next-line @typescript-eslint/typedef
 export const CssStates = ['default', 'hover', 'active', 'focus-visible'];

package/dist/collection/helpers/change-manager/subject/static-subject/static-subject-title.js

@@ -26,3 +26,4 @@ export const SELECTION_TILE_VALUE_CHANGE = new StaticSubject('SELECTION_TILE_VAL
 export const UPDATE_TRANSLATION = new StaticSubject('UPDATE_TRANSLATION');
 export const DARK_MODE_CHANGE = new StaticSubject('DARK_MODE_CHANGE');
 export const SHADOW_ROOT_ELEMENT_SCROLLING = new StaticSubject('SHADOW_ROOT_ELEMENT_SCROLLING');
+export const FLAG_ICON_LOADED = new StaticSubject('FLAG_ICON_LOADED');

package/dist/collection/helpers/event-manager/event-id/component-event-id-map.js

@@ -1,4 +1,4 @@
-import { VegaExpand, VegaClick, VegaDropdownClick, VegaClose, VegaActionButtonClick, VegaChange, VegaEventClick, VegaDateDblClick, VegaMoreActionClick, VegaPageUpdate, VegaCreate, VegaSearch, VegaDropdownShow, VegaDropdownHide, VegaDropdownSearch, VegaSearchTrigger, VegaLabelButtonClick, VegaSelectFileChange, VegaRemove, VegaRetry, VegaPreview, VegaFormSubmit, VegaFormReset, VegaValidate, VegaCancel, VegaFocus, VegaBlur, VegaCountryChange, VegaShow, VegaHide, VegaToggleStatus, VegaOpen, VegaStateUpdate, VegaGroupClick, VegaMenuClick, VegaActionClick, VegaPageSizeChange, VegaPopoverShow, VegaPopoverHide, VegaCurrentStepUpdate, VegaImageInserted, VegaSelectChange, VegaSelectAllChange, VegaRowClick, VegaRowExpand, VegaRowSelect, VegaRowSelectAll, } from './vega-event-id';
+import { VegaExpand, VegaClick, VegaDropdownClick, VegaClose, VegaActionButtonClick, VegaChange, VegaEventClick, VegaDateDblClick, VegaMoreActionClick, VegaPageUpdate, VegaCreate, VegaSearch, VegaDropdownShow, VegaDropdownHide, VegaReset, VegaDropdownSearch, VegaSearchTrigger, VegaLabelButtonClick, VegaSelectFileChange, VegaRemove, VegaRetry, VegaPreview, VegaFormSubmit, VegaFormReset, VegaValidate, VegaCancel, VegaFocus, VegaBlur, VegaCountryChange, VegaShow, VegaHide, VegaToggleStatus, VegaOpen, VegaStateUpdate, VegaGroupClick, VegaMenuClick, VegaActionClick, VegaPageSizeChange, VegaPopoverShow, VegaPopoverHide, VegaCurrentStepUpdate, VegaImageInserted, VegaSelectChange, VegaSelectAllChange, VegaRowClick, VegaRowExpand, VegaRowSelect, VegaRowSelectAll, } from './vega-event-id';
 const entries = [
   ['vega-accordion', [VegaExpand]],
   ['vega-app-header-button', [VegaClick, VegaDropdownClick]],
@@ -22,6 +22,7 @@ const entries = [
       VegaDropdownShow,
       VegaDropdownHide,
       VegaDropdownClick,
+      VegaReset,
       VegaCreate,
       VegaDropdownSearch,
       VegaSearchTrigger,

package/dist/collection/helpers/event-manager/event-id/vega-event-id.js

@@ -99,4 +99,5 @@ export const VegaImageInserted = new VegaEventID('vegaImageInserted', 'imageInse
 export const VegaRetry = new VegaEventID('vegaRetry', 'retry');
 export const VegaPreview = new VegaEventID('vegaPreview', 'preview');
 export const VegaLabelButtonClick = new VegaEventID('vegaLabelButtonClick', 'labelButtonClick');
+export const VegaReset = new VegaEventID('vegaReset', 'reset');
 export const HTMLNativeEventIds = [VegaChange, VegaClick, VegaFocus, VegaBlur];

package/dist/collection/helpers/event-manager/test/vega-event-manager.test.js

@@ -1,5 +1,5 @@
 import { VegaEventManager } from '../../public-api';
-import { VegaBlur, VegaChange, VegaCreate, VegaDropdownClick, VegaDropdownHide, VegaDropdownSearch, VegaDropdownShow, VegaFocus, VegaLabelButtonClick, VegaSearchTrigger, } from '../event-id/vega-event-id';
+import { VegaBlur, VegaChange, VegaCreate, VegaDropdownClick, VegaDropdownHide, VegaDropdownSearch, VegaDropdownShow, VegaFocus, VegaLabelButtonClick, VegaReset, VegaSearchTrigger, } from '../event-id/vega-event-id';
 import VegaTelemetryRuntimeMetricsManager from '@globalpayments/vega-telemetry-runtime-metrics/index';
 import { sleep } from '../../../utils/test-utils';
 describe('VegaEventManager', () => {
@@ -28,6 +28,7 @@ describe('VegaEventManager', () => {
       VegaDropdownShow,
       VegaDropdownHide,
       VegaDropdownClick,
+      VegaReset,
       VegaCreate,
       VegaDropdownSearch,
       VegaSearchTrigger,

package/dist/collection/helpers/icon/internal-icon-manager.js

@@ -12,6 +12,16 @@ class InternalIconManager {
   getIconKey(name) {
     return this.generateIconKeyWithNamespace(name, InternalIconManager.INTERNAL_ICON_NAMESPACE);
   }
+  /**
+   *  Check if the internal icon manager has an icon by name
+   *
+   * @param {string} name - The name of the icon
+   * @returns {boolean} returns true if the icon exists
+   * @vegaVersion 2.46.0
+   */
+  hasIcon(name) {
+    return VegaIconManager.hasIcon(this.getIconKey(name));
+  }
   /**
    * Register internal icons
    *

package/dist/collection/helpers/translation/locales/en.js

@@ -73,5 +73,40 @@ export const staticTranslations = {
   'Start Time': 'Start Time',
   'End Time': 'End Time',
   'There is no data to display': 'There is no data to display',
+  'Text Styles': 'Text Styles',
+  'Bold': 'Bold',
+  'Italic': 'Italic',
+  'Underline': 'Underline',
+  'Strikethrough': 'Strikethrough',
+  'Code': 'Code',
+  'Text Color': 'Text Color',
+  'Left Align': 'Left Align',
+  'Center Align': 'Center Align',
+  'Right Align': 'Right Align',
+  'Justified': 'Justified',
+  'Bullets': 'Bullets',
+  'Numbers': 'Numbers',
+  'More Indent': 'More Indent',
+  'Less Indent': 'Less Indent',
+  'Link': 'Link',
+  'Image': 'Image',
+  'Clear Style': 'Clear Style',
+  'URL': 'URL',
+  'Text': 'Text',
+  'Edit': 'Edit',
+  'Unlink': 'Unlink',
+  'Size': 'Size',
+  'Alt Text': 'Alt Text',
+  'Delete Image': 'Delete Image',
+  'Sm': 'Sm',
+  'Md': 'Md',
+  'Lg': 'Lg',
+  'Title': 'Title',
+  'Subtitle': 'Subtitle',
+  'Heading 1': 'Heading 1',
+  'Heading 2': 'Heading 2',
+  'Heading 3': 'Heading 3',
+  'Paragraph': 'Paragraph',
+  'Reset Selection': 'Reset Selection',
 };
 export default staticTranslations;

package/dist/collection/helpers/translation/tests/internal-translation-controller.test.js

@@ -163,6 +163,41 @@ describe('VegaTranslationController', () => {
       'Start Time': 'Start Time',
       'End Time': 'End Time',
       'There is no data to display': 'There is no data to display',
+      'Text Styles': 'Text Styles',
+      'Bold': 'Bold',
+      'Italic': 'Italic',
+      'Underline': 'Underline',
+      'Strikethrough': 'Strikethrough',
+      'Code': 'Code',
+      'Text Color': 'Text Color',
+      'Left Align': 'Left Align',
+      'Center Align': 'Center Align',
+      'Right Align': 'Right Align',
+      'Justified': 'Justified',
+      'Bullets': 'Bullets',
+      'Numbers': 'Numbers',
+      'More Indent': 'More Indent',
+      'Less Indent': 'Less Indent',
+      'Link': 'Link',
+      'Image': 'Image',
+      'Clear Style': 'Clear Style',
+      'URL': 'URL',
+      'Text': 'Text',
+      'Edit': 'Edit',
+      'Unlink': 'Unlink',
+      'Size': 'Size',
+      'Alt Text': 'Alt Text',
+      'Delete Image': 'Delete Image',
+      'Sm': 'Sm',
+      'Md': 'Md',
+      'Lg': 'Lg',
+      'Title': 'Title',
+      'Subtitle': 'Subtitle',
+      'Heading 1': 'Heading 1',
+      'Heading 2': 'Heading 2',
+      'Heading 3': 'Heading 3',
+      'Paragraph': 'Paragraph',
+      'Reset Selection': 'Reset Selection',
     });
     /* eslint-enable @typescript-eslint/naming-convention,spellcheck/spell-checker */
   });

package/dist/esm/{app-globals-e6203355.js → app-globals-6041875b.js}

@@ -1,18 +1,18 @@
 import { F as FeatureFlag } from './feature-flag-controller-690eac1d.js';
-import { V as VegaLoader, a as VegaNotify, b as VegaDialog, c as VegaEventManager, d as VegaZIndexManager, e as VegaSkeletonLoader } from './vega-skeleton-loader-controller-722a41c2.js';
-import { V as VegaThemeManager, a as VegaRTEContent } from './content-state-7e9f3421.js';
+import { V as VegaLoader, a as VegaNotify, b as VegaDialog, c as VegaEventManager, d as VegaZIndexManager, e as VegaSkeletonLoader } from './vega-skeleton-loader-controller-da0ed23d.js';
+import { V as VegaThemeManager, a as VegaRTEContent } from './content-state-8b844253.js';
 import { M as MapToComponentMethod, V as VegaSlimmer, s as setVegaLogLevel, G as GlobalSlimmersRegistry } from './global-slimmer-registry-17c4efd4.js';
 import { v as vegaEnvManager } from './vega-env-manager-8f8dc473.js';
 import { V as VegaIconManager } from './icon-manager-638dd4d4.js';
 import './wait-for-vega-handler-b18eb955.js';
 import './ui-ed1283bb.js';
-import { V as VegaInternalTranslation, a as VegaTranslation, s as staticTranslations } from './translation-fd7a290a.js';
+import { V as VegaInternalTranslation, a as VegaTranslation, s as staticTranslations } from './translation-2bdcfdb3.js';
 import { T as TypographyUrls } from './typography-396de03f.js';
 import { V as ValidCreditCardNumberRule } from './valid-credit-card-number-rule-cc497bec.js';
-import { w as waitForVega } from './index-707fec53.js';
-import { U as UPDATE_TRANSLATION } from './static-subject-title-249c76cd.js';
+import { w as waitForVega } from './index-116d1c98.js';
+import { U as UPDATE_TRANSLATION } from './static-subject-title-97eb1f19.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
-import { O as Observer } from './dom-node-subject-factory-286df025.js';
+import { O as Observer } from './dom-node-subject-factory-e8898f61.js';
 import { f as forceUpdate } from './index-187f71d1.js';
 
 var __decorate$1 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
@@ -311,7 +311,7 @@ function injectVegaRichTextEditorClassIntoGlobal() {
  * Inject VegaPublicValidationRules to global as a public api
  */
 function injectVegaPublicValidationRules() {
-  void import('./public-rules-596db5ba.js').then((module) => {
+  void import('./public-rules-ef7bcfb9.js').then((module) => {
     Object.entries(module).forEach(([name, value]) => {
       globalThis[name] = value;
     });

package/dist/esm/{child-nodes-event-prevent-slimmer-aab1c019.js → child-nodes-event-prevent-slimmer-1571f1b2.js}

@@ -1,5 +1,5 @@
 import { c as MapToComponentField, M as MapToComponentMethod, V as VegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
-import { i as internalVegaEventManager, j as jqueryDelegatedStrategyController } from './internal-vega-event-manager-d2c962d2.js';
+import { i as internalVegaEventManager, j as jqueryDelegatedStrategyController } from './internal-vega-event-manager-18379085.js';
 import { v as vegaEnvManager } from './vega-env-manager-8f8dc473.js';
 import { F as FeatureFlag } from './feature-flag-controller-690eac1d.js';
 

package/dist/esm/{child-nodes-notify-observer-slimmer-12d38571.js → child-nodes-notify-observer-slimmer-356d5c5e.js}

@@ -1,5 +1,5 @@
 import { c as MapToComponentField, M as MapToComponentMethod, V as VegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
-import { O as Observer } from './dom-node-subject-factory-286df025.js';
+import { O as Observer } from './dom-node-subject-factory-e8898f61.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
 import { i as isParent } from './ui-ed1283bb.js';
 

package/dist/esm/{content-state-7e9f3421.js → content-state-8b844253.js}

@@ -1,11 +1,11 @@
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
-import { O as Observer, d as domNodeSubjectFactory } from './dom-node-subject-factory-286df025.js';
+import { O as Observer, d as domNodeSubjectFactory } from './dom-node-subject-factory-e8898f61.js';
 import { V as VegaInternalRichTextEditorFlushChanges, a as VegaInternalRichTextEditorSelectionRangeChange } from './vega-internal-event-id-d7113cf7.js';
 import { L as LogUtility } from './global-slimmer-registry-17c4efd4.js';
 import { i as isNonNullable } from './type-guard-158f6d7a.js';
 import { I as InjectVegaTelemetrySlimmer, c as createPublicAPIRuntimeMetricsSlimmer, g as generateUUID } from './create-public-api-runtime-metrics-slimmer-8ada793f.js';
 import { c as createCommonjsModule, a as commonjsGlobal } from './_commonjsHelpers-9943807e.js';
-import { D as DARK_MODE_CHANGE } from './static-subject-title-249c76cd.js';
+import { D as DARK_MODE_CHANGE } from './static-subject-title-97eb1f19.js';
 
 var tinycolor = createCommonjsModule(function (module, exports) {
 // This file is autogenerated. It's used to publish CJS to npm.