@globalpayments/vega 2.62.0 → 2.63.1

package/dist/collection/components/vega-input-numeric/slimmers/renderers/vega-input-numeric-renderer.js

@@ -7,13 +7,32 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 import { h } from '@stencil/core';
 import { MapToComponentField, VegaSlimmer } from 'vega-slimmer/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 { VegaBlur, VegaChange } from '../../../../helpers/event-manager/event-id/vega-event-id';
+import { normalizeNumberByRanger } from '../../../../utils/number';
 export class VegaInputNumericRenderer extends VegaSlimmer {
   constructor() {
     super(...arguments);
     this.onInputChange = (payload) => {
       this.valueController.updateValue(payload.detail);
     };
+    this.onInputBlur = (payload) => {
+      const vegaInput = payload.host;
+      const normalizedValue = vegaInput.value.replace(/,/g, '');
+      if (normalizedValue !== '' && !isNaN(normalizedValue)) {
+        let inputValue = normalizeNumberByRanger(Number(normalizedValue), this.min, this.max);
+        if (this.integerOnly) {
+          if (inputValue === this.min) {
+            inputValue = Math.ceil(this.min);
+          }
+          else if (inputValue === this.max) {
+            inputValue = Math.floor(this.max);
+          }
+        }
+        if (inputValue !== Number(normalizedValue)) {
+          this.valueController.updateValue(inputValue.toString());
+        }
+      }
+    };
   }
   getInputRef() {
     return this.vegaInputRef.shadowRoot.querySelector('input');
@@ -31,6 +50,7 @@ export class VegaInputNumericRenderer extends VegaSlimmer {
     return (h("vega-input", { value: this.value || '', showClearIcon: this.showClearIcon, disabled: this.disabled, label: this.label, hint: this.hint, required: this.required, type: "number", placeholder: this.placeholder, size: this.size === 'small' ? 'small' : 'default', prefixIcon: this.prefixIcon, ref: (ref) => {
         this.vegaInputRef = ref;
         DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, VegaChange, (payload) => this.onInputChange(payload));
+        DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, VegaBlur, (payload) => this.onInputBlur(payload));
       }, maskConfig: {
         type: 'number',
         options: maskOptions,
@@ -70,6 +90,12 @@ __decorate([
 __decorate([
   MapToComponentField()
 ], VegaInputNumericRenderer.prototype, "integerOnly", void 0);
+__decorate([
+  MapToComponentField()
+], VegaInputNumericRenderer.prototype, "min", void 0);
+__decorate([
+  MapToComponentField()
+], VegaInputNumericRenderer.prototype, "max", void 0);
 __decorate([
   MapToComponentField()
 ], VegaInputNumericRenderer.prototype, "valueController", void 0);

package/dist/collection/components/vega-input-numeric/vega-input-numeric.js

@@ -17,6 +17,8 @@ import { VegaInputNumericKeyboardController } from './slimmers/controllers/vega-
 import { FormFieldControllerSlimmer } from '../../helpers/slimmers/form-field-controller-slimmer';
 import { RequiredFieldRule } from '../../helpers/validator/rules/required-field-rule';
 import { createSubStateNotifySlimmer } from '../../helpers/slimmers/sub-state/sub-state-notify-slimmer';
+import { MinNumberRule } from '../../helpers/validator/rules/min-number-rule';
+import { MaxNumberRule } from '../../helpers/validator/rules/max-number-rule';
 /**
  * @vegaVersion 2.29.0
  */
@@ -34,6 +36,14 @@ export class VegaInputNumeric {
           propertyName: 'required',
           ruleFactory: (isRequired) => (isRequired ? new RequiredFieldRule() : null),
         },
+        {
+          propertyName: 'min',
+          ruleFactory: (min) => typeof min === 'number' ? new MinNumberRule({ minValue: min }) : null,
+        },
+        {
+          propertyName: 'max',
+          ruleFactory: (max) => typeof max === 'number' ? new MaxNumberRule({ maxValue: max }) : null,
+        },
       ],
       validationRulesName: 'validationRules',
       inputContainerGetter: () => this.renderer.getContainerRef(),
@@ -138,6 +148,18 @@ export class VegaInputNumeric {
      * @vegaVersion 2.53.0
      */
     this.showClearIcon = true;
+    /**
+     * Sets the minimum allowable value for the numeric input.
+     *
+     * @vegaVersion 2.63.0
+     */
+    this.min = null;
+    /**
+     * Sets the maximum allowable value for the numeric input.
+     *
+     * @vegaVersion 2.63.0
+     */
+    this.max = null;
   }
   watchPrefixText() {
     methodPlaceholder();
@@ -538,6 +560,48 @@ export class VegaInputNumeric {
       "attribute": "show-clear-icon",
       "reflect": false,
       "defaultValue": "true"
+    },
+    "min": {
+      "type": "number",
+      "mutable": false,
+      "complexType": {
+        "original": "number | null",
+        "resolved": "number",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "name": "vegaVersion",
+            "text": "2.63.0"
+          }],
+        "text": "Sets the minimum allowable value for the numeric input."
+      },
+      "attribute": "min",
+      "reflect": true,
+      "defaultValue": "null"
+    },
+    "max": {
+      "type": "number",
+      "mutable": false,
+      "complexType": {
+        "original": "number | null",
+        "resolved": "number",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "name": "vegaVersion",
+            "text": "2.63.0"
+          }],
+        "text": "Sets the maximum allowable value for the numeric input."
+      },
+      "attribute": "max",
+      "reflect": true,
+      "defaultValue": "null"
     }
   }; }
   static get states() { return {

package/dist/collection/components/vega-rich-text-editor/dto/content-state.js

@@ -15,6 +15,7 @@ import { AppendChildrenStrategy } from './action-handle-strategies/modify-conten
 import { InsertChildrenBeforeStrategy } from './action-handle-strategies/modify-content-strategies/insert-children-before-strategy';
 import { InsertChildrenAfterStrategy } from './action-handle-strategies/modify-content-strategies/insert-children-after-strategy';
 import './setup';
+import { StylePreservator } from '../../../helpers/csp/styles-preservator';
 /**
  * Class representing the content state of the rich text editor.
  */
@@ -94,8 +95,12 @@ export 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.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.process(htmlElements, options)
       .filter(isNonNullable)
       .map((output) => output.toDto(options))
       .filter(isNonNullable);

package/dist/collection/components/vega-rich-text-editor/dto/nodes/decorator-node.js

@@ -1,5 +1,4 @@
 import { findParent } from '../../../../utils/ui';
-import stateEntityRenderingRegistry from '../../slimmers/controllers/state-entity-rendering-registry';
 import { RTENode } from './node.abstract';
 /**
  * Abstract class for decorator nodes. A decorator node modifies content like an image node that will delete the whole node when the delete button is pressed.
@@ -38,7 +37,7 @@ export class RTEDecoratorNode extends RTENode {
    * @inheritDoc
    */
   getRangeContainer() {
-    const element = stateEntityRenderingRegistry.getDOMByEntity(this);
+    const element = this.getElementRef();
     if (element) {
       return findParent(element, `.${RTEDecoratorNode.DECORATOR_CONTAINER_CLASS}`);
     }

package/dist/collection/components/vega-rich-text-editor/dto/nodes/node.abstract.js

@@ -130,6 +130,14 @@ export class RTENode {
   isTextNode() {
     return false;
   }
+  /**
+   * Get the HTMLElement reference associated with this node.
+   *
+   * @returns {Nullable<HTMLElement>} The HTMLElement reference or null if not found.
+   */
+  getElementRef() {
+    return stateEntityRenderingRegistry.getDOMByEntity(this);
+  }
   /**
    * Generate attributes as string
    *

package/dist/collection/components/vega-rich-text-editor/dto/nodes/text-node.js

@@ -3,7 +3,6 @@ import { NodeAnnotation, NodeAnnotationTypeEnum } from '../annotations/node-anno
 import { AnnotationAction } from '../actions/annotation-action.abstract';
 import { TextSplittableAction } from '../actions/splittable-action.abstract';
 import { SelectionRangeAnnotation } from '../annotations/selection-range-annotation';
-import stateEntityRenderingRegistry from '../../slimmers/controllers/state-entity-rendering-registry';
 import { generateUUID } from '../../../../utils/misc';
 import { InternalAnnotationTypeEnum } from '../annotations/annotation.abstract';
 import { StrikethroughAnnotation } from '../annotations/strikethrough-annotation';
@@ -188,7 +187,7 @@ export class RTETextNode extends RTENode {
    * @inheritDoc
    */
   getRangeContainer() {
-    const element = stateEntityRenderingRegistry.getDOMByEntity(this);
+    const element = this.getElementRef();
     if (element) {
       if (this.isContentEditable()) {
         return element.firstChild;
@@ -289,7 +288,7 @@ export class RTETextNode extends RTENode {
    * @param {RTETextNode} selectedNode - The selected node
    */
   syncUpSelectedNodes(selectedNode) {
-    const currentNodeDom = stateEntityRenderingRegistry.getDOMByEntity(this);
+    const currentNodeDom = this.getElementRef();
     if (currentNodeDom) {
       const nodeSubject = domNodeSubjectFactory.getSubjectFromParentNodeByEventId(currentNodeDom, VegaInternalRichTextEditorSelectionRangeChange);
       if (nodeSubject) {

package/dist/collection/components/vega-rich-text-editor/extensions/languages/language-extension.js

@@ -80,13 +80,16 @@ export class VegaRTELanguageExtension extends VegaRTEExtension {
   applyLanguageContent(selectedLanguage, contentMap) {
     if (this.extensionContext && contentMap) {
       let content = contentMap[selectedLanguage];
+      const { host, flushValue } = this.extensionContext;
       if (content) {
-        content = content instanceof VegaRTEContent ? content : VegaRTEContent.fromJSON(content);
+        content =
+          content instanceof VegaRTEContent
+            ? content
+            : VegaRTEContent.fromJSON(content, host.sourceEditConfig);
       }
       else {
         content = VegaRTEContent.createEmptyContent();
       }
-      const { host, flushValue } = this.extensionContext;
       if (host.value !== content) {
         flushValue(content, true);
       }

package/dist/collection/components/vega-rich-text-editor/slimmers/controllers/helper/input-event-handler/insert-paste-handler.js

@@ -4,6 +4,7 @@ import { InsertChildrenAfterAction } from '../../../../dto/actions/insert-childr
 import { SplitBlockWithNodeAction } from '../../../../dto/actions/split-block-with-node-action';
 import { InsertChildrenBeforeAction } from '../../../../dto/actions/insert-children-before-block';
 import ElementToDtoStrategyProcessor from '../element-to-dto-strategy/element-to-dto-strategy-processor';
+import { StylePreservator } from '../../../../../../helpers/csp/styles-preservator';
 /**
  * Handle user paste
  */
@@ -65,7 +66,7 @@ export class InsertPasteHandler extends BaseHandler {
     }
   }
   /**
-   * Format and parse elements from user paste.
+   * Format and parse elements from user paste with simple style preservation.
    *
    * @param {InputEvent} event - Paste event.
    * @returns {RTEContentBlock[]} - RTEContentBlock.
@@ -76,10 +77,13 @@ export class InsertPasteHandler extends BaseHandler {
       const pastedText = event.dataTransfer.getData('text/plain');
       pastedHTML = this.parsePlainText(pastedText);
     }
-    // eslint-disable-next-line no-restricted-globals
-    const tempContainer = document.createElement('div');
-    tempContainer.innerHTML = pastedHTML;
-    return ElementToDtoStrategyProcessor.process(Array.from(tempContainer.childNodes))
+    const context = StylePreservator.preserve(pastedHTML);
+    const safeHtml = context.getProcessedHtml();
+    const parser = new DOMParser();
+    const parsedDoc = parser.parseFromString(safeHtml, 'text/html');
+    const htmlElements = Array.from(parsedDoc.body.childNodes);
+    context.restore(htmlElements);
+    return ElementToDtoStrategyProcessor.process(htmlElements)
       .filter(Boolean)
       .map((output) => output.toDto())
       .filter(Boolean);

package/dist/collection/components/vega-signature-capture/slimmers/written-mode/controllers/written-mode-svg-controller.js

@@ -40,13 +40,11 @@ export class WrittenModeSvgController extends VegaSlimmer {
       // eslint-disable-next-line no-restricted-globals
       this.currentPath = document.createElementNS('http://www.w3.org/2000/svg', 'path');
       this.currentPath.setAttribute('d', `M ${x} ${y}`);
-      Object.assign(this.currentPath.style, {
-        stroke: 'rgba(4, 4, 28, 1)',
-        strokeWidth: this.penWidth,
-        fill: 'none',
-        strokeLinecap: 'round',
-        strokeLinejoin: 'round',
-      });
+      this.currentPath.setAttribute('stroke', 'rgba(4, 4, 28, 1)');
+      this.currentPath.setAttribute('stroke-width', this.penWidth);
+      this.currentPath.setAttribute('fill', 'none');
+      this.currentPath.setAttribute('stroke-linecap', 'round');
+      this.currentPath.setAttribute('stroke-linejoin', 'round');
       this.signatureContainerRef.appendChild(this.currentPath);
     };
     /*

package/dist/collection/components/vega-signature-capture/slimmers/written-mode/renderers/written-mode-renderer.js

@@ -57,11 +57,7 @@ export class WrittenModeRenderer extends VegaSlimmer {
    * When the clear button is displayed, since the error message and the clear button are in the same line, this element is displayed.
    */
   renderSignaturePad() {
-    return (h("svg", { style: {
-        width: '100%',
-        height: formatAndValidResponsiveToken(this.height, 'widthAndHeight'),
-        touchAction: 'none',
-      }, ref: (ref) => this.writtenModeSvgController.setSignatureContainerRef(ref) }));
+    return (h("svg", { width: "100%", height: formatAndValidResponsiveToken(this.height, 'widthAndHeight'), "touch-action": "none", ref: (ref) => this.writtenModeSvgController.setSignatureContainerRef(ref) }));
   }
   renderFooter() {
     return (this.showClearBtn && (h("vega-flex", { class: "signature-capture-written-footer", justifyContent: "space-between" },

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

@@ -140,6 +140,12 @@ export class VegaTextarea {
      * @vegaVersion 2.19.0
      */
     this.resizable = true;
+    /**
+     * Specifies the number of visible lines in the textarea. The value must be an integer greater than or equal to 2.
+     *
+     * @vegaVersion 2.63.0
+     */
+    this.rows = 5;
     /**
      * Specifies custom validation rules for the text area.
      *
@@ -148,7 +154,7 @@ export class VegaTextarea {
     this.validationRules = [];
     this.renderTextareaContainer = () => {
       return (h("div", { class: { 'vega-textarea-container': true, 'vega-textarea-not-resizable': !this.resizable }, ref: (e) => (this.inputContainerRef = e) },
-        h("textarea", { rows: 4, placeholder: this.placeholder, disabled: this.disabled, required: this.required, ref: this.setTextareaRef, maxLength: this.maxLength, minLength: this.minLength, value: this.value, onBlur: this.handleTextareaBlur, "aria-label": this.label || 'No label defined' }),
+        h("textarea", { rows: this.rows >= 2 ? this.rows - 1 : 4, placeholder: this.placeholder, disabled: this.disabled, required: this.required, ref: this.setTextareaRef, maxLength: this.maxLength, minLength: this.minLength, value: this.value, onBlur: this.handleTextareaBlur, "aria-label": this.label || 'No label defined' }),
         this.showCounter && this.renderCharacterCounter()));
     };
     this.renderHintMessage = () => {
@@ -487,6 +493,27 @@ export class VegaTextarea {
       "reflect": false,
       "defaultValue": "true"
     },
+    "rows": {
+      "type": "number",
+      "mutable": false,
+      "complexType": {
+        "original": "number",
+        "resolved": "number",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "name": "vegaVersion",
+            "text": "2.63.0"
+          }],
+        "text": "Specifies the number of visible lines in the textarea. The value must be an integer greater than or equal to 2."
+      },
+      "attribute": "rows",
+      "reflect": false,
+      "defaultValue": "5"
+    },
     "validationRules": {
       "type": "unknown",
       "mutable": false,

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

@@ -125,6 +125,8 @@ export class VegaTimePicker {
     /**
      * Specifies the format in which the time is displayed
      *    in the time picker.
+     *  - `24-hour` displays time as "HH:mm".
+     *  - `12-hour` displays time as "hh:mm a".
      *
      * @vegaVersion 1.12.0
      */
@@ -132,6 +134,12 @@ export class VegaTimePicker {
     /**
      * Specifies the initial value or selected time
      *    for the time picker.
+     * - In `single` mode, the value is a string:
+     *  - `24-hour` format: "HH:mm".
+     *  - `12-hour` format: "hh:mm a".
+     * - In `range` mode, the value is an array of two strings:
+     *  - `24-hour` format: ["HH:mm", "HH:mm"].
+     *  - `12-hour` format: ["hh:mm a", "hh:mm a"]
      *
      * @vegaVersion 1.12.0
      */
@@ -369,7 +377,7 @@ export class VegaTimePicker {
             "name": "vegaVersion",
             "text": "1.12.0"
           }],
-        "text": "Specifies the format in which the time is displayed\n   in the time picker."
+        "text": "Specifies the format in which the time is displayed\n   in the time picker.\n - `24-hour` displays time as \"HH:mm\".\n - `12-hour` displays time as \"hh:mm a\"."
       },
       "attribute": "time-format",
       "reflect": true,
@@ -399,7 +407,7 @@ export class VegaTimePicker {
             "name": "vegaVersion",
             "text": "1.12.0"
           }],
-        "text": "Specifies the initial value or selected time\n   for the time picker."
+        "text": "Specifies the initial value or selected time\n   for the time picker.\n- In `single` mode, the value is a string:\n - `24-hour` format: \"HH:mm\".\n - `12-hour` format: \"hh:mm a\".\n- In `range` mode, the value is an array of two strings:\n - `24-hour` format: [\"HH:mm\", \"HH:mm\"].\n - `12-hour` format: [\"hh:mm a\", \"hh:mm a\"]"
       },
       "attribute": "value",
       "reflect": true,

package/dist/collection/global/scripts/before-vega-load.js

@@ -17,6 +17,8 @@ import { VegaSkeletonLoader } from '../../helpers/skeleton-loader/vega-skeleton-
 import { VegaTranslation } from '../../helpers/translation';
 import { VegaTranslateObserverSlimmer } from '../../helpers/slimmers/global/vega-translate-observer-slimmer';
 import { VegaRTEContent } from '../../components/vega-rich-text-editor/dto/content-state';
+import { setVegaNonce, vegaNonceManager } from '../../helpers/csp/vega-nonce-manager';
+import { VegaNonceInjectorSlimmer } from '../../helpers/slimmers/global/vega-nonce-injector-slimmer';
 import { VegaRTETokenExtension } from '../../components/vega-rich-text-editor/extensions/tokens/token-extension';
 import { VegaRTELanguageExtension } from '../../components/vega-rich-text-editor/extensions/languages/language-extension';
 import { VegaRTEPresetToolbarItems } from '../../components/vega-rich-text-editor/constants/constant';
@@ -45,6 +47,8 @@ export default function () {
   injectVegaRichTextEditorClassIntoGlobal();
   injectVegaPublicValidationRules();
   applyBrandingFromClientGlobal();
+  injectSetNonceIntoGlobal();
+  patchHeadInsertBeforeWithNonce();
 }
 /**
  * Disable feature flags from the client global defined lists.
@@ -96,7 +100,11 @@ function injectVegaDialogIntoGlobal() {
  * register global vega slimmers
  */
 function registerGlobalVegaSlimmers() {
-  GlobalSlimmersRegistry.register([VegaWatchMethodCancelSlimmer, VegaTranslateObserverSlimmer]);
+  GlobalSlimmersRegistry.register([
+    VegaWatchMethodCancelSlimmer,
+    VegaTranslateObserverSlimmer,
+    VegaNonceInjectorSlimmer,
+  ]);
 }
 /**
  * Inject setEventSemantics to global as a public api
@@ -204,3 +212,15 @@ function applyBrandingFromClientGlobal() {
     VegaThemeManager.applyBranding(globalThis['VegaThemeManagerApplyBranding']);
   }
 }
+/**
+ * Injects the `setVegaNonce` function into the global scope as `setVegaNonce`.
+ */
+function injectSetNonceIntoGlobal() {
+  globalThis.setVegaNonce = setVegaNonce;
+}
+/**
+ * Patch document.head.insertBefore to ensure nonce is set on injected elements.
+ */
+function patchHeadInsertBeforeWithNonce() {
+  vegaNonceManager.patchHeadInsertBeforeWithNonceToStencil();
+}

package/dist/collection/helpers/chart/renderers/svg-renderer.js

@@ -15,7 +15,7 @@ export 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')
@@ -71,7 +71,7 @@ export 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') {
@@ -104,7 +104,7 @@ export 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') {
@@ -262,7 +262,7 @@ export 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)

package/dist/collection/helpers/csp/styles-preservator.js

@@ -0,0 +1,71 @@
+import { isHTMLElement } from '../../utils/ui';
+/**
+ * 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);
+ * ```
+ */
+export 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.
+ */
+export 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 (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));
+        }
+      }
+    });
+  }
+}