@globalpayments/vega 2.63.0 → 2.64.0

package/dist/cjs/{dark-mode-state-controller-slimmer-17022f93.js → dark-mode-state-controller-slimmer-add5d8a8.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
-const staticSubjectTitle = require('./static-subject-title-85732e0f.js');
+const staticSubjectTitle = require('./static-subject-title-7e7d791a.js');
 const observer = require('./observer-f49483e8.js');
 const changeManager = require('./change-manager-a297e4d2.js');
 

package/dist/cjs/{dark-mode-style-controller-ab0703e1.js → dark-mode-style-controller-41c94aac.js}

@@ -1,9 +1,10 @@
 'use strict';
 
-const staticSubjectTitle = require('./static-subject-title-85732e0f.js');
+const staticSubjectTitle = require('./static-subject-title-7e7d791a.js');
 const changeManager = require('./change-manager-a297e4d2.js');
 const observer = require('./observer-f49483e8.js');
 const _commonjsHelpers = require('./_commonjsHelpers-537d719a.js');
+const vegaNonceManager = require('./vega-nonce-manager-f927497f.js');
 
 /* This file is generated by vega-design 2.0.80 */
 const DarkModeColorTokens$1 = {
@@ -3007,6 +3008,9 @@ class ColorSchemaOverridingController {
     if (!customOverrideThemeStyleContainer) {
       customOverrideThemeStyleContainer = document.createElement('style');
       customOverrideThemeStyleContainer.id = 'vegaCustomOverrideTheme';
+      if (vegaNonceManager.vegaNonceManager.nonce) {
+        customOverrideThemeStyleContainer.setAttribute('nonce', vegaNonceManager.vegaNonceManager.nonce);
+      }
       document.head.append(customOverrideThemeStyleContainer);
     }
     return customOverrideThemeStyleContainer;
@@ -3281,6 +3285,9 @@ class StyleControllerAbstract {
     if (!vegaThemeStyleContainer) {
       vegaThemeStyleContainer = document.createElement('style');
       vegaThemeStyleContainer.id = themeStyleContainerKey;
+      if (vegaNonceManager.vegaNonceManager.nonce) {
+        vegaThemeStyleContainer.setAttribute('nonce', vegaNonceManager.vegaNonceManager.nonce);
+      }
       document.head.append(vegaThemeStyleContainer);
     }
     return vegaThemeStyleContainer;

package/dist/cjs/{design-token-76bb47bd.js → design-token-ae0de304.js}

@@ -3,7 +3,7 @@
 const typeGuard = require('./type-guard-f12b5bae.js');
 const breakpoints = require('./breakpoints-ebde4837.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
-const responsiveFormatFacade = require('./responsive-format-facade-7e933525.js');
+const responsiveFormatFacade = require('./responsive-format-facade-b20dad44.js');
 const typography = require('./typography-4560e7f1.js');
 const stateBackgroundColorFormatter = require('./state-background-color-formatter-aa5570f6.js');
 const ui = require('./ui-32e69595.js');

package/dist/cjs/{dto-renderer-manager-f3894490.js → dto-renderer-manager-6d338e46.js}

@@ -1,14 +1,15 @@
 'use strict';
 
-const codeBlock = require('./code-block-eb66d852.js');
+const codeBlock = require('./code-block-417a131b.js');
 const createPublicApiRuntimeMetricsSlimmer = require('./create-public-api-runtime-metrics-slimmer-e2e274e1.js');
 const typeGuard = require('./type-guard-f12b5bae.js');
 const string = require('./string-39438062.js');
 const ui = require('./ui-4ce1fa08.js');
 const changeManager = require('./change-manager-a297e4d2.js');
 const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-58e3c010.js');
-const vegaInternalEventId = require('./vega-internal-event-id-9647aaf8.js');
+const vegaInternalEventId = require('./vega-internal-event-id-dfd8b802.js');
 const object = require('./object-e2e28e3d.js');
+const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 
 /**
  * Remove list item nest list block strategy.
@@ -3559,6 +3560,77 @@ ElementToDTOClassStrategyManager.registerElementToBlockStrategy(new HtmlBlockStr
 ElementToDTOClassStrategyManager.registerElementToNodeStrategy(new InlineElementToTextNodeStrategy());
 ElementToDTOClassStrategyManager.registerElementToNodeStrategy(new PlainTextToTextNodeStrategy());
 
+/**
+ * StylePreservator handles CSP-compliant style management by temporarily converting
+ * inline styles to data attributes during HTML parsing operations.
+ *
+ * @example
+ * ```typescript
+ * const context = StylePreservator.preserve('<div style="color: red;">Content</div>');
+ * const safeHtml = context.getProcessedHtml();
+ * context.restore(parsedElements);
+ * ```
+ */
+class StylePreservator {
+  /**
+   * Preserves inline styles by converting them to data attributes.
+   *
+   * @param {string} htmlString - The HTML string containing inline styles
+   * @returns {StylePreservationContext} A context object for later style restoration
+   */
+  static preserve(htmlString) {
+    const processedHtml = htmlString.replace(/\s+style=/g, ' data-style=');
+    return new StylePreservationContext(processedHtml);
+  }
+}
+/**
+ * Context class that manages the lifecycle of preserved styles.
+ */
+class StylePreservationContext {
+  constructor(processedHtml) {
+    this.processedHtml = processedHtml;
+  }
+  /**
+   * Returns the HTML string with style attributes converted to data-style.
+   *
+   * @returns {string} The processed HTML string
+   */
+  getProcessedHtml() {
+    return this.processedHtml;
+  }
+  /**
+   * Restores data-style attributes back to style attributes.
+   *
+   * @param {HTMLElement[]} elements - Array of HTML elements to process
+   * @returns {void}
+   */
+  restore(elements) {
+    this.walkNodes(elements);
+  }
+  /**
+   * Recursively walk through nodes and restore styles
+   *
+   * @param {HTMLElement[]} elements - list of nodes
+   * @returns {void}
+   */
+  walkNodes(elements) {
+    elements.forEach((element) => {
+      if (ui.isHTMLElement(element)) {
+        // Restore data-style back to style
+        const dataStyle = element.getAttribute('data-style');
+        if (dataStyle) {
+          element.style.cssText = dataStyle;
+          element.removeAttribute('data-style');
+        }
+        // Recursively process child nodes
+        if (element.children.length > 0) {
+          this.walkNodes(Array.from(element.children));
+        }
+      }
+    });
+  }
+}
+
 /**
  * Class representing the content state of the rich text editor.
  */
@@ -3638,8 +3710,12 @@ class VegaRTEContent {
     })
       .replace(/(>)[\n\t]+(?=[a-zA-Z0-9_\W])/g, '$1')
       .replace(/([a-zA-Z0-9_\W])[\n\t]+(?=<)/g, '$1');
-    const body = new DOMParser().parseFromString(formattedHtml, 'text/html').body;
-    const blocks = ElementToDtoStrategyProcessor$1.process(Array.from(body.childNodes), options)
+    const context = StylePreservator.preserve(formattedHtml);
+    const safeHtml = context.getProcessedHtml();
+    const body = new DOMParser().parseFromString(safeHtml, 'text/html').body;
+    const htmlElements = Array.from(body.childNodes);
+    context.restore(htmlElements);
+    const blocks = ElementToDtoStrategyProcessor$1.process(htmlElements, options)
       .filter(typeGuard.isNonNullable)
       .map((output) => output.toDto(options))
       .filter(typeGuard.isNonNullable);
@@ -3667,11 +3743,15 @@ class VegaRTEContent {
   /**
    * Converts the content state to HTML.
    *
-   * @param {VegaRTETransformOptions} [options] - Optional rendering context for the content.
+   * @deprecated The [`options`]{@link options} parameter is deprecated and will be removed in the future.
+   * @param {VegaRTETransformOptions} [options] - Deprecated. Optional rendering context (currently unused).
    * @returns {string} The HTML representation of the content state.
    */
   toHtml(options) {
-    return this.children.map((block) => block.toHtml(options)).join('');
+    if (options) {
+      globalSlimmerRegistry.LogUtility.warn(`The 'options' parameter in toHtml method is deprecated and will be removed in the future.`);
+    }
+    return this.children.map((block) => block.toHtml()).join('');
   }
   /**
    * Internal method to add the block item, remove the block item
@@ -3834,5 +3914,6 @@ exports.RTEImageBlock = RTEImageBlock;
 exports.RTEImageNode = RTEImageNode;
 exports.RTEListBlock = RTEListBlock;
 exports.RTEListItemBlock = RTEListItemBlock;
+exports.StylePreservator = StylePreservator;
 exports.UpdateCursorPositionAction = UpdateCursorPositionAction;
 exports.VegaRTEContent = VegaRTEContent;

package/dist/cjs/{element-appender-slimmer-e8dac628.js → element-appender-slimmer-5a23e722.js}

@@ -2,17 +2,17 @@
 
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const ui = require('./ui-4ce1fa08.js');
-const tokenExtension = require('./token-extension-23ccff1d.js');
+const tokenExtension = require('./token-extension-46821c19.js');
 const dynamicSlimmer = require('./dynamic-slimmer-f31fdfd7.js');
 const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-11937d6f.js');
 const ui$1 = require('./ui-32e69595.js');
 const typeGuard = require('./type-guard-f12b5bae.js');
-const responsiveFormatFacade = require('./responsive-format-facade-7e933525.js');
+const responsiveFormatFacade = require('./responsive-format-facade-b20dad44.js');
 const changeManager = require('./change-manager-a297e4d2.js');
-const staticSubjectTitle = require('./static-subject-title-85732e0f.js');
+const staticSubjectTitle = require('./static-subject-title-7e7d791a.js');
 const observer = require('./observer-f49483e8.js');
 const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-58e3c010.js');
-const vegaInternalEventId = require('./vega-internal-event-id-9647aaf8.js');
+const vegaInternalEventId = require('./vega-internal-event-id-dfd8b802.js');
 
 var __decorate$a = (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;

package/dist/cjs/{form-field-controller-slimmer-cc6e53a4.js → form-field-controller-slimmer-cceb5c79.js}

@@ -4,19 +4,19 @@ const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const string = require('./string-39438062.js');
 const changeManager = require('./change-manager-a297e4d2.js');
 const observer = require('./observer-f49483e8.js');
-const staticSubjectTitle = require('./static-subject-title-85732e0f.js');
+const staticSubjectTitle = require('./static-subject-title-7e7d791a.js');
 const ui = require('./ui-4ce1fa08.js');
 const createPublicApiRuntimeMetricsSlimmer = require('./create-public-api-runtime-metrics-slimmer-e2e274e1.js');
 const dynamicSlimmer = require('./dynamic-slimmer-f31fdfd7.js');
 const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-58e3c010.js');
-const vegaInternalEventId = require('./vega-internal-event-id-9647aaf8.js');
-const translation = require('./translation-cde4dce3.js');
+const vegaInternalEventId = require('./vega-internal-event-id-dfd8b802.js');
+const translation = require('./translation-ecfc704a.js');
 const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-11937d6f.js');
 const internalFormFieldValidationRule_abstract = require('./internal-form-field-validation-rule.abstract-07cdff46.js');
 const mutationObserverSlimmer = require('./mutation-observer-slimmer-749d5020.js');
 const mutationObserverFilters = require('./mutation-observer-filters-38cebc6d.js');
 const array = require('./array-249289f2.js');
-const subStateObserverSlimmer = require('./sub-state-observer-slimmer-84175d61.js');
+const subStateObserverSlimmer = require('./sub-state-observer-slimmer-90c26113.js');
 
 /** The `FormFieldValidationRuleHandler` class is responsible for handling the validation rules for a form field. */
 class FormFieldValidationRuleHandler {

package/dist/cjs/{image-annotation-action-a628ec9b.js → image-annotation-action-9785bc59.js}

@@ -1,12 +1,12 @@
 'use strict';
 
-const index = require('./index-00ba6623.js');
+const index = require('./index-58ea899e.js');
 const internalIconManager = require('./internal-icon-manager-32f9ed63.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
-const codeBlock = require('./code-block-eb66d852.js');
+const codeBlock = require('./code-block-417a131b.js');
 const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-58e3c010.js');
-const darkModeStyleController = require('./dark-mode-style-controller-ab0703e1.js');
-const dtoRendererManager = require('./dto-renderer-manager-f3894490.js');
+const darkModeStyleController = require('./dark-mode-style-controller-41c94aac.js');
+const dtoRendererManager = require('./dto-renderer-manager-6d338e46.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>`,

package/dist/cjs/{index-00ba6623.js → index-58ea899e.js}

@@ -1372,6 +1372,7 @@ const bootstrapLazy = (lazyBundles, options = {}) => {
                      *
                      * Also remove the reference from `deferredConnectedCallbacks` array
                      * otherwise removed instances won't get garbage collected.
+                     * https://gethired.atlassian.net/browse/VD-6157
                      */
                     plt.raf(() => {
                         const hostRef = getHostRef(this);

package/dist/cjs/{index-5505e8dd.js → index-9a92abce.js}

@@ -4,7 +4,7 @@ const waitForVegaHandler = require('./wait-for-vega-handler-5469ff80.js');
 const observer = require('./observer-f49483e8.js');
 const changeManager = require('./change-manager-a297e4d2.js');
 const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-58e3c010.js');
-const vegaInternalEventId = require('./vega-internal-event-id-9647aaf8.js');
+const vegaInternalEventId = require('./vega-internal-event-id-dfd8b802.js');
 
 /* istanbul ignore next */
 /**

package/dist/cjs/index.cjs.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-11937d6f.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
-const designToken = require('./design-token-76bb47bd.js');
+const designToken = require('./design-token-ae0de304.js');
 const string = require('./string-39438062.js');
 const typeGuard = require('./type-guard-f12b5bae.js');
 const breakpoints = require('./breakpoints-ebde4837.js');
@@ -12,24 +12,25 @@ const icons = require('./icons-dbc3eb9c.js');
 const typography = require('./typography-4560e7f1.js');
 const ui = require('./ui-32e69595.js');
 const vegaEnvManager = require('./vega-env-manager-23b8b23c.js');
-const tokenExtension = require('./token-extension-23ccff1d.js');
+const tokenExtension = require('./token-extension-46821c19.js');
 const featureFlagController = require('./feature-flag-controller-ce2162c8.js');
 const internalVegaEventManager = require('./internal-vega-event-manager-28b957c8.js');
 const internalIconManager = require('./internal-icon-manager-32f9ed63.js');
 const validCreditCardNumberRule = require('./valid-credit-card-number-rule-ce5c9147.js');
-const index = require('./index-5505e8dd.js');
-const translation = require('./translation-cde4dce3.js');
-const dtoRendererManager = require('./dto-renderer-manager-f3894490.js');
-const codeBlock = require('./code-block-eb66d852.js');
-const languageExtension = require('./language-extension-20a1dba5.js');
-const range = require('./range-cfc45f9e.js');
-const responsiveFormatFacade = require('./responsive-format-facade-7e933525.js');
+const index = require('./index-9a92abce.js');
+const translation = require('./translation-ecfc704a.js');
+const dtoRendererManager = require('./dto-renderer-manager-6d338e46.js');
+const vegaNonceManager = require('./vega-nonce-manager-f927497f.js');
+const codeBlock = require('./code-block-417a131b.js');
+const languageExtension = require('./language-extension-abbc251a.js');
+const range = require('./range-37161c00.js');
+const responsiveFormatFacade = require('./responsive-format-facade-b20dad44.js');
 const checkBoxRequiredRule = require('./check-box-required-rule-1ee54b9a.js');
 const dateRequiredRule = require('./date-required-rule-4e1f84fd.js');
 const inputPhoneNumberRequiredRule = require('./input-phone-number-required-rule-2668fdf1.js');
 const inputRangeRequiredRule = require('./input-range-required-rule-5b9c2a95.js');
 const requiredFieldRule = require('./required-field-rule-d73c1d8c.js');
-const richTextEditorRequiredRule = require('./rich-text-editor-required-rule-72170c10.js');
+const richTextEditorRequiredRule = require('./rich-text-editor-required-rule-604ea2b9.js');
 const timeRequiredRule = require('./time-required-rule-ccf178e7.js');
 const toggleSwitchRequiredRule = require('./toggle-switch-required-rule-88a51b36.js');
 const fileUploaderRequiredRule = require('./file-uploader-required-rule-313ec9e3.js');
@@ -38,8 +39,8 @@ require('./state-background-color-formatter-aa5570f6.js');
 require('./create-public-api-runtime-metrics-slimmer-e2e274e1.js');
 require('./dynamic-slimmer-f31fdfd7.js');
 require('./ui-4ce1fa08.js');
-require('./dark-mode-style-controller-ab0703e1.js');
-require('./static-subject-title-85732e0f.js');
+require('./dark-mode-style-controller-41c94aac.js');
+require('./static-subject-title-7e7d791a.js');
 require('./change-manager-a297e4d2.js');
 require('./observer-f49483e8.js');
 require('./_commonjsHelpers-537d719a.js');
@@ -49,7 +50,7 @@ require('./dom-node-subject-observer-factory-58e3c010.js');
 require('./index-4d7bce1a.js');
 require('./internal-form-field-validation-rule.abstract-07cdff46.js');
 require('./wait-for-vega-handler-5469ff80.js');
-require('./vega-internal-event-id-9647aaf8.js');
+require('./vega-internal-event-id-dfd8b802.js');
 require('./object-e2e28e3d.js');
 require('./pixel-98f2a10c.js');
 require('./array-249289f2.js');
@@ -133,6 +134,7 @@ exports.RTEListBlock = dtoRendererManager.RTEListBlock;
 exports.RTEListItemBlock = dtoRendererManager.RTEListItemBlock;
 exports.UpdateCursorPositionAction = dtoRendererManager.UpdateCursorPositionAction;
 exports.VegaRTEContent = dtoRendererManager.VegaRTEContent;
+exports.setVegaNonce = vegaNonceManager.setVegaNonce;
 exports.ActionHandleStrategy = codeBlock.ActionHandleStrategy;
 exports.AppendChildrenAction = codeBlock.AppendChildrenAction;
 Object.defineProperty(exports, 'CodeLanguage', {

package/dist/cjs/{language-extension-20a1dba5.js → language-extension-abbc251a.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-const dtoRendererManager = require('./dto-renderer-manager-f3894490.js');
-const tokenExtension = require('./token-extension-23ccff1d.js');
+const dtoRendererManager = require('./dto-renderer-manager-6d338e46.js');
+const tokenExtension = require('./token-extension-46821c19.js');
 require('./global-slimmer-registry-b3bce7e0.js');
 
 /**
@@ -171,13 +171,16 @@ class VegaRTELanguageExtension extends tokenExtension.VegaRTEExtension {
   applyLanguageContent(selectedLanguage, contentMap) {
     if (this.extensionContext && contentMap) {
       let content = contentMap[selectedLanguage];
+      const { host, flushValue } = this.extensionContext;
       if (content) {
-        content = content instanceof dtoRendererManager.VegaRTEContent ? content : dtoRendererManager.VegaRTEContent.fromJSON(content);
+        content =
+          content instanceof dtoRendererManager.VegaRTEContent
+            ? content
+            : dtoRendererManager.VegaRTEContent.fromJSON(content, host.sourceEditConfig);
       }
       else {
         content = dtoRendererManager.VegaRTEContent.createEmptyContent();
       }
-      const { host, flushValue } = this.extensionContext;
       if (host.value !== content) {
         flushValue(content, true);
       }

package/dist/cjs/{legend-input-processor-b1f323fa.js → legend-input-processor-27c65353.js}

@@ -3425,7 +3425,7 @@ class SVGRenderer extends BaseRenderer {
       .attr('width', width)
       .attr('height', height)
       .attr('viewBox', [0, 0, width, height])
-      .attr('style', 'display:block;max-width:100%;height:auto;')
+      .property('style', 'display:block;max-width:100%;height:auto;')
       .call((g) => {
       g.append('g')
         .attr('class', 'vega-chart-draw-g')
@@ -3481,7 +3481,7 @@ class SVGRenderer extends BaseRenderer {
     })
       .call((g) => {
       g.selectAll('line').attr('stroke', color);
-      g.selectAll('text').attr('style', textStyle);
+      g.selectAll('text').property('style', textStyle);
     })
       .call((g) => {
       if (direction === 'horizontal') {
@@ -3514,7 +3514,7 @@ class SVGRenderer extends BaseRenderer {
     })
       .call((g) => {
       g.selectAll('line').attr('stroke-width', 2).attr('stroke', color);
-      g.selectAll('text').attr('style', textStyle);
+      g.selectAll('text').property('style', textStyle);
     })
       .call((g) => {
       if (direction !== 'horizontal') {
@@ -3672,7 +3672,7 @@ class SVGRenderer extends BaseRenderer {
    */
   getTextNode(position, text, textStyle, textAnchor = 'start', rotate = 0) {
     const TextSelectionType = d3Create('svg:text')
-      .attr('style', textStyle)
+      .property('style', textStyle)
       .attr('x', position.x)
       .attr('y', position.y)
       .attr('text-anchor', textAnchor)