@heartlandone/vega 2.63.1 → 2.64.0

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

@@ -24,6 +24,8 @@ import { VegaComponentUsageRuntimeMetricsSlimmer } from '../../helpers/slimmers/
 import { createSubStateNotifySlimmer } from '../../helpers/slimmers/sub-state/sub-state-notify-slimmer';
 import { VegaFormNestStateController } from './slimmers/controllers/vega-form-nest-state-controller';
 import { VegaFormFieldValidationStateController } from './slimmers/controllers/vega-form-field-validation-state-controller';
+import { NativeFormRenderer } from './slimmers/renderers/native-form-renderer';
+import { tryGetDocument } from '../../utils/try-get-document';
 /**
  * @vegaVersion 1.3.0
  */
@@ -49,6 +51,7 @@ export class VegaForm {
     this.childNodeValueChangeObserver = new ChildNodesNotifyObserverSlimmer(FORM_ELEMENT_VALUE_CHANGE, () => this.updateInternalTouchedStatus());
     this.vegaComponentUsageRuntimeMetricsSlimmer = new VegaComponentUsageRuntimeMetricsSlimmer();
     this.vegaFormFieldValidationStateController = new VegaFormFieldValidationStateController();
+    this.nativeFormRenderer = new NativeFormRenderer();
     this.invalidFieldPathMap = new ImmutableMap(new Map(), (newMap) => {
       this.invalidFieldPathMap = newMap;
       this.updateIsValidFlag();
@@ -108,6 +111,19 @@ export class VegaForm {
      */
     /* eslint-disable-next-line @stencil/strict-mutable */
     this.disableBlurValidation = false;
+    /**
+     * Determines whether the `vega-form` content is wrapped in a native HTML <form> element.
+     *
+     * @vegaVersion 2.64.0
+     */
+    this.useNativeForm = false;
+    /**
+     * Specifies the HTTP method used for form submission.
+     *   This property takes effect only when {@link useNativeForm} is set to `true`.
+     *
+     * @vegaVersion 2.64.0
+     */
+    this.method = 'get';
     /**
      * If the element is valid, remove it from the set of
      *    invalid elements. If the element is invalid,
@@ -287,8 +303,7 @@ export class VegaForm {
       : element['value'];
   }
   render() {
-    return sanitizeVegaComponent(h(Host, null,
-      h("slot", null)), this.host);
+    return sanitizeVegaComponent(h(Host, null, this.useNativeForm ? this.nativeFormRenderer.render() : h("slot", null)), this.host);
   }
   /**
    * If the value of any child elements have changed,
@@ -408,8 +423,36 @@ export class VegaForm {
     const valid = await this.valid();
     if (valid.isValid) {
       const formValue = await this.getValue();
-      this.submitEventEmitter.emit(formValue);
+      const submitEvent = this.submitEventEmitter.emit(formValue);
+      if (!submitEvent.defaultPrevented) {
+        await this.submitWithFormData();
+      }
+    }
+  }
+  /**
+   * Submits the form using native HTML form submission with all current field values.
+   *
+   * This method collects all form field values, creates hidden input elements for each field,
+   * appends them to a container inside the native form, and then triggers the native
+   * `requestSubmit()` method to submit the form.
+   *
+   * The method ensures that the form data is available in the native form for submission,
+   * which is useful when `useNativeForm` is enabled.
+   *
+   * @returns {Promise<void>} Resolves when the form submission process is complete.
+   */
+  async submitWithFormData() {
+    if (!this.useNativeForm)
+      return;
+    const data = await this.getValue();
+    for (const dataKey in data) {
+      const hiddenInput = tryGetDocument().createElement('input');
+      hiddenInput.type = 'hidden';
+      hiddenInput.name = dataKey;
+      hiddenInput.value = data[dataKey];
+      this.nativeFormRenderer.getNativeFormRef().append(hiddenInput);
     }
+    this.nativeFormRenderer.getNativeFormRef().requestSubmit();
   }
   registerFormResetChangeManager() {
     this.formEventsObserver = new Observer(this.canAcceptFormResetEvent.bind(this), this.handleResetEvents.bind(this));
@@ -527,6 +570,68 @@ export class VegaForm {
       "attribute": "disable-blur-validation",
       "reflect": false,
       "defaultValue": "false"
+    },
+    "useNativeForm": {
+      "type": "boolean",
+      "mutable": false,
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "name": "vegaVersion",
+            "text": "2.64.0"
+          }],
+        "text": "Determines whether the `vega-form` content is wrapped in a native HTML <form> element."
+      },
+      "attribute": "use-native-form",
+      "reflect": false,
+      "defaultValue": "false"
+    },
+    "action": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "name": "vegaVersion",
+            "text": "2.64.0"
+          }],
+        "text": "Specifies the HTTP URL for form submission.\n   This property takes effect only when {@link useNativeForm} is set to `true`."
+      },
+      "attribute": "action",
+      "reflect": false
+    },
+    "method": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "'post' | 'get'",
+        "resolved": "\"get\" | \"post\"",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "name": "vegaVersion",
+            "text": "2.64.0"
+          }],
+        "text": "Specifies the HTTP method used for form submission.\n  This property takes effect only when {@link useNativeForm} is set to `true`."
+      },
+      "attribute": "method",
+      "reflect": false,
+      "defaultValue": "'get'"
     }
   }; }
   static get events() { return [{
@@ -915,3 +1020,6 @@ __decorate([
 __decorate([
   InjectVegaSlimmer()
 ], VegaForm.prototype, "vegaFormFieldValidationStateController", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaForm.prototype, "nativeFormRenderer", void 0);

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

@@ -33,7 +33,7 @@ export class LinkAnnotation extends NodeAnnotation {
    * @inheritDoc
    */
   clone() {
-    return new LinkAnnotation(this.link);
+    return new LinkAnnotation(this.link, this.useInternalStyle);
   }
   /**
    * Verify whether two link annotation is same or not

package/dist/collection/components/vega-rich-text-editor/dto/annotations/link-group-annotation.js

@@ -43,7 +43,7 @@ export class LinkGroupAnnotation extends Annotation {
   toJsx(linkAnnotation, options) {
     const linkStyle = this.getStyle(linkAnnotation, options);
     const linkClass = this.getClass(linkAnnotation, options);
-    const attributes = this.getAttribute(linkAnnotation, options);
+    const attributes = this.getAttribute(linkAnnotation);
     if (linkClass.length > 0) {
       attributes.class = linkClass.join(' ');
     }
@@ -87,15 +87,13 @@ export class LinkGroupAnnotation extends Annotation {
    * Get the custom attribute for the annotation
    *
    * @param {LinkAnnotation} linkAnnotation current link annotation which saved custom style, class and attribute.
-   * @param {RTERenderContext} options - Render context options.
    * @returns {Record<string, string>} Link attributes
    */
-  getAttribute(linkAnnotation, options) {
-    var _a;
+  getAttribute(linkAnnotation) {
     const { href, customAttribute = {} } = linkAnnotation.link;
-    const autoMatchFormat = (_a = options === null || options === void 0 ? void 0 : options.autoMatchFormat) !== null && _a !== void 0 ? _a : true;
-    const target = customAttribute.target || (autoMatchFormat ? '_blank' : '');
-    return Object.assign(Object.assign(Object.assign({}, customAttribute), (href ? { href } : autoMatchFormat ? { href } : {})), (target ? { target } : {}));
+    const useInternalStyle = linkAnnotation.useInternalStyle;
+    const target = customAttribute.target || (useInternalStyle ? '_blank' : '');
+    return Object.assign(Object.assign(Object.assign({}, customAttribute), (href ? { href } : useInternalStyle ? { href } : {})), (target ? { target } : {}));
   }
   /**
    * Convert style to string which can be used to html string.

package/dist/collection/components/vega-rich-text-editor/dto/blocks/text-block.js

@@ -137,13 +137,13 @@ export class RTETextBlock extends RTEBlock {
   /**
    * @inheritDoc
    */
-  toHtml(options) {
+  toHtml() {
     const BlockTag = this.getBlockTag();
     const attrStr = super.generateAttributeString();
     const linkGroupAnnotation = this.getAnnotationByType(InternalAnnotationTypeEnum.LINK_GROUP);
     let nodesHtml = this.children.map((node) => node.toHtml()).join('');
     if (linkGroupAnnotation && this.children.length > 0) {
-      nodesHtml = this.generateLinkHtml(linkGroupAnnotation, nodesHtml, options);
+      nodesHtml = this.generateLinkHtml(linkGroupAnnotation, nodesHtml);
     }
     return super.shouldRenderAsInternalWrapper()
       ? nodesHtml
@@ -228,10 +228,9 @@ export class RTETextBlock extends RTEBlock {
    *
    * @param {LinkGroupAnnotation} linkGroupAnnotation - linkGroupAnnotation
    * @param {string} nodesHtml - The nodes html
-   * @param {VegaRTETransformOptions} options - options
    * @returns {string} link html
    */
-  generateLinkHtml(linkGroupAnnotation, nodesHtml, options) {
+  generateLinkHtml(linkGroupAnnotation, nodesHtml) {
     nodesHtml = '';
     let linkGroupNodes = [];
     for (let i = 0; i < this.children.length; i++) {
@@ -245,7 +244,6 @@ export class RTETextBlock extends RTEBlock {
           currentLinkAnnotation.link.groupKey !== nextLinkAnnotation.link.groupKey) {
           const linkAttributes = linkGroupAnnotation.toString(currentLinkAnnotation, {
             standalone: true,
-            autoMatchFormat: options === null || options === void 0 ? void 0 : options.autoMatchFormat,
           });
           nodesHtml += [
             `<a${linkAttributes ? ` ${linkAttributes}` : ''}>`,

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

@@ -16,6 +16,7 @@ import { InsertChildrenBeforeStrategy } from './action-handle-strategies/modify-
 import { InsertChildrenAfterStrategy } from './action-handle-strategies/modify-content-strategies/insert-children-after-strategy';
 import './setup';
 import { StylePreservator } from '../../../helpers/csp/styles-preservator';
+import { LogUtility } from '../../../utils/log';
 /**
  * Class representing the content state of the rich text editor.
  */
@@ -128,11 +129,15 @@ export 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) {
+      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

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

@@ -43,11 +43,7 @@ export class VegaRichTextEditorRenderer extends VegaSlimmer {
     this.renderSourceViewContent = () => {
       if (!this.allowSourceEdit)
         return;
-      const sourceViewValue = this.sourceView
-        ? CodeFormatter.format(this.value.toHtml({
-          autoMatchFormat: this.sourceEditConfig.autoMatchFormat,
-        }))
-        : '';
+      const sourceViewValue = this.sourceView ? CodeFormatter.format(this.value.toHtml()) : '';
       return (h("div", { class: {
           'source-view-container': true,
           'vega-hidden': !this.sourceView,

package/dist/collection/components/vega-rich-text-editor/test/dto/annotations.test.js

@@ -272,6 +272,14 @@ describe('annotations', () => {
     });
     expect(new LinkAnnotation({ href: 'www.google.com', groupKey: '123' }).toEqual(new LinkAnnotation({ href: 'www.google.com', groupKey: '123' }))).toEqual(true);
   });
+  it('link annotation clone', () => {
+    const linkAnnotation = new LinkAnnotation({
+      href: 'www.google.com',
+      groupKey: '123',
+    }, false);
+    expect(linkAnnotation.clone()).toEqual(linkAnnotation);
+    expect(linkAnnotation.clone()).not.toBe(linkAnnotation);
+  });
   it('link group annotation', () => {
     const linkGroupAnnotation = new LinkGroupAnnotation('123');
     const linkAnnotation = new LinkAnnotation({
@@ -296,7 +304,7 @@ describe('annotations', () => {
     expect(linkGroupAnnotation.toString(LinkAnnotation.from({
       href: 'www.google.com',
       groupKey: '123',
-    }, false)[1])).toEqual('href="www.google.com" target="_blank"');
+    }, false)[1])).toEqual('href="www.google.com"');
   });
   it('list annotation', () => {
     expect(new ListAnnotation().renderStyle()).toEqual(null);

package/dist/collection/components/vega-rich-text-editor/test/dto/blocks/text-block.test.js

@@ -188,6 +188,6 @@ describe('text block', () => {
       ],
     };
     expect(RTETextBlock.from(textBlock).toHtml()).toEqual(`<p style="font-family: Inter;font-size: 16px;line-height: 22px;font-weight: 500;margin-top: 0px;margin-bottom: 0px;"><a href="www.google.com" target="_blank" style="color: rgba(var(--v-text-link, 19, 98, 226, 1));"><span>This is a text.</span></a></p>`);
-    expect(RTETextBlock.from(textBlock, { autoMatchFormat: false }).toHtml({ autoMatchFormat: false })).toEqual(`<p><a href="www.google.com"><span>This is a text.</span></a></p>`);
+    expect(RTETextBlock.from(textBlock, { autoMatchFormat: false }).toHtml()).toEqual(`<p><a href="www.google.com"><span>This is a text.</span></a></p>`);
   });
 });

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

@@ -6,6 +6,7 @@ import { BlockAnnotationTypeEnum } from '../../dto/annotations/block-annotation.
 import { NodeAnnotationTypeEnum } from '../../dto/annotations/node-annotation.abstract';
 import '../../../../polyfill/test-polyfill/unit/index';
 import CodeFormatter from '../../../../helpers/code-format/code-formatter';
+import { setVegaLogLevel } from '../../../../utils/log';
 describe('content state', () => {
   it('fromJSON should work as expect', () => {
     expect(() => VegaRTEContent.fromJSON([
@@ -1111,6 +1112,20 @@ describe('content state', () => {
       ]);
       expect(contentState.toHtml()).toEqual(`<ul style="padding-left: 8px;margin-left: 16px;padding: 60px;"><li style="font-family: Inter;font-size: 16px;line-height: 22px;font-weight: 500;margin-top: 0px;margin-bottom: 0px;padding: 40px;"><span>Item 1</span></li><li style="font-family: Inter;font-size: 16px;line-height: 22px;font-weight: 500;margin-top: 0px;margin-bottom: 0px;padding: 50px;"><span>Item 2</span></li></ul>`);
     });
+    it('should log warning when call toHtml with deprecated parameter', () => {
+      setVegaLogLevel('warn');
+      console.warn = jest.fn();
+      const content = VegaRTEContent.fromJSON([
+        {
+          id: '1',
+          type: 'paragraph',
+          nodes: [{ id: '1-1', type: 'text', text: 'This is a paragraph' }],
+        },
+      ]);
+      content.toHtml({ autoMatchFormat: false });
+      expect(console.warn).toBeCalledTimes(1);
+      expect(console.warn).toHaveBeenCalledWith('%c[Vega]', 'font-weight: bold', "The 'options' parameter in toHtml method is deprecated and will be removed in the future.");
+    });
   });
   describe('fromHtml', () => {
     it('should convert a simple paragraph element to the expected RTEContentBlock', () => {
@@ -1934,7 +1949,7 @@ describe('content state', () => {
     it('should not match bold style', () => {
       const sourceCode = '<p style="font-weight: 700;">Hello</p>';
       const content = VegaRTEContent.fromHtml(sourceCode, { autoMatchFormat: false });
-      expect(content.toHtml({ autoMatchFormat: false })).toEqual(`<p style="font-weight: 700;">Hello</p>`);
+      expect(content.toHtml()).toEqual(`<p style="font-weight: 700;">Hello</p>`);
       expect(content.toJSON()).toEqual([
         {
           id: expect.anything(),
@@ -1958,7 +1973,7 @@ describe('content state', () => {
     it('should not match color style', () => {
       const sourceCode = '<p style="color: red">Hello</p>';
       const content = VegaRTEContent.fromHtml(sourceCode, { autoMatchFormat: false });
-      expect(content.toHtml({ autoMatchFormat: false })).toEqual(`<p style="color: red;">Hello</p>`);
+      expect(content.toHtml()).toEqual(`<p style="color: red;">Hello</p>`);
       expect(content.toJSON()).toEqual([
         {
           id: expect.anything(),
@@ -1982,7 +1997,7 @@ describe('content state', () => {
     it('should not match link style', () => {
       const sourceCode = `<p><a href="https://example.com">Link</a></p>`;
       const content = VegaRTEContent.fromHtml(sourceCode, { autoMatchFormat: false });
-      expect(content.toHtml({ autoMatchFormat: false })).toEqual(`<p><a href="https://example.com">Link</a></p>`);
+      expect(content.toHtml()).toEqual(`<p><a href="https://example.com">Link</a></p>`);
       expect(content.toJSON()).toEqual([
         {
           id: expect.anything(),
@@ -2010,7 +2025,7 @@ describe('content state', () => {
     it('should not match heading', () => {
       const sourceCode = '<h1><span>Hello</span></h1>';
       const content = VegaRTEContent.fromHtml(sourceCode, { autoMatchFormat: false });
-      expect(content.toHtml({ autoMatchFormat: false })).toEqual(`<h1><span>Hello</span></h1>`);
+      expect(content.toHtml()).toEqual(`<h1><span>Hello</span></h1>`);
       expect(content.toJSON()).toEqual([
         {
           id: expect.anything(),
@@ -2022,7 +2037,7 @@ describe('content state', () => {
     it('should not match image style', () => {
       const sourceCode = '<img src="https://example.com/image.jpg">';
       const content = VegaRTEContent.fromHtml(sourceCode, { autoMatchFormat: false });
-      expect(content.toHtml({ autoMatchFormat: false })).toEqual(`<img src="https://example.com/image.jpg">`);
+      expect(content.toHtml()).toEqual(`<img src="https://example.com/image.jpg">`);
       expect(content.toJSON()).toEqual([
         {
           id: expect.anything(),
@@ -2045,7 +2060,7 @@ describe('content state', () => {
     it('should not match list style', () => {
       const sourceCode = '<ul><li>Item 1</li><li>Item 2</li></ul>';
       const content = VegaRTEContent.fromHtml(sourceCode, { autoMatchFormat: false });
-      expect(content.toHtml({ autoMatchFormat: false })).toEqual(`<ul><li>Item 1</li><li>Item 2</li></ul>`);
+      expect(content.toHtml()).toEqual(`<ul><li>Item 1</li><li>Item 2</li></ul>`);
       expect(content.toJSON()).toEqual([
         {
           id: expect.anything(),
@@ -2084,7 +2099,7 @@ describe('content state', () => {
     it('should not match div to internal style', () => {
       const sourceCode = "<div class='my-class'><span> I want this be a sentence </span><span class='my-another-class'> I want this be another sentence </span></div>";
       const content = VegaRTEContent.fromHtml(sourceCode, { autoMatchFormat: false });
-      expect(content.toHtml({ autoMatchFormat: false })).toEqual(`<div class="my-class"><span> I want this be a sentence </span><span class="my-another-class"> I want this be another sentence </span></div>`);
+      expect(content.toHtml()).toEqual(`<div class="my-class"><span> I want this be a sentence </span><span class="my-another-class"> I want this be another sentence </span></div>`);
       expect(content.toJSON()).toEqual([
         {
           id: expect.anything(),
@@ -2113,17 +2128,17 @@ describe('content state', () => {
     it('should not match parent style', () => {
       const sourceCode = `<p style="font-weight: bold;font-style: italic;text-decoration: line-through;color: pink;text-shadow: 2px 2px 5px gray;font-size: 24px;">mix</p>`;
       const content = VegaRTEContent.fromHtml(sourceCode, { autoMatchFormat: false });
-      expect(content.toHtml({ autoMatchFormat: false })).toEqual(`<p style="font-weight: bold;font-style: italic;text-decoration: line-through;color: pink;text-shadow: 2px 2px 5px gray;font-size: 24px;">mix</p>`);
+      expect(content.toHtml()).toEqual(`<p style="font-weight: bold;font-style: italic;text-decoration: line-through;color: pink;text-shadow: 2px 2px 5px gray;font-size: 24px;">mix</p>`);
     });
     it('should not match parent link style', () => {
       const sourceCode = `<a id="readMoreLink" class="link read-more" href="https://example.com" style="color: #2980b9; text-decoration: underline;">Read more</a>`;
       const content = VegaRTEContent.fromHtml(sourceCode, { autoMatchFormat: false });
-      expect(content.toHtml({ autoMatchFormat: false })).toEqual(`<a id="readMoreLink" href="https://example.com" class="link read-more" style="color: #2980b9; text-decoration: underline;">Read more</a>`);
+      expect(content.toHtml()).toEqual(`<a id="readMoreLink" href="https://example.com" class="link read-more" style="color: #2980b9; text-decoration: underline;">Read more</a>`);
     });
     it('should not match code style', () => {
       const sourceCode = `<p>This is <code>code text</code>.</p>`;
       const content = VegaRTEContent.fromHtml(sourceCode, { autoMatchFormat: false });
-      expect(content.toHtml({ autoMatchFormat: false })).toEqual(sourceCode);
+      expect(content.toHtml()).toEqual(sourceCode);
       expect(content.toJSON()).toEqual([
         {
           id: expect.anything(),
@@ -2149,7 +2164,7 @@ describe('content state', () => {
     it('should preserve plain text nodes correctly', () => {
       const sourceCode = `<p>Plain text <span>with span</span> and <strong>bold</strong> text.</p>`;
       const content = VegaRTEContent.fromHtml(sourceCode, { autoMatchFormat: false });
-      const htmlOutput = content.toHtml({ autoMatchFormat: false });
+      const htmlOutput = content.toHtml();
       expect(htmlOutput).toEqual(sourceCode);
       const jsonData = content.toJSON();
       expect(jsonData).toEqual([
@@ -2190,9 +2205,7 @@ describe('content state', () => {
           ],
         },
       ]);
-      expect(VegaRTEContent.fromJSON(jsonData, { autoMatchFormat: false }).toHtml({
-        autoMatchFormat: false,
-      })).toEqual(htmlOutput);
+      expect(VegaRTEContent.fromJSON(jsonData, { autoMatchFormat: false }).toHtml()).toEqual(htmlOutput);
     });
     it('should convert the html block to RTEContentBlock', () => {
       const sourceCode = `
@@ -2264,7 +2277,7 @@ describe('content state', () => {
           ],
         },
       ]);
-      expect(content.toHtml({ autoMatchFormat: false })).toEqual(sourceCode);
+      expect(content.toHtml()).toEqual(sourceCode);
     });
     it('should convert the html block with an internal block wrapper to include the text nodes', () => {
       const sourceCode = `<section>111<span> 222 </span>333</section>`;
@@ -2298,7 +2311,7 @@ describe('content state', () => {
           ],
         },
       ]);
-      expect(content.toHtml({ autoMatchFormat: false })).toEqual(sourceCode);
+      expect(content.toHtml()).toEqual(sourceCode);
     });
     it('should convert the img element with an internal block wrapper', () => {
       const sourceCode = `<section><img src="mocked-url"></section><div><img src="mocked-url-2"></div><img src="mocked-url-3">`;
@@ -2350,7 +2363,7 @@ describe('content state', () => {
           ],
         },
       ]);
-      expect(content.toHtml({ autoMatchFormat: false })).toEqual(sourceCode);
+      expect(content.toHtml()).toEqual(sourceCode);
     });
     it('should show the internal block wrapper if the block has annotations', () => {
       const data = [
@@ -2378,9 +2391,9 @@ describe('content state', () => {
           ],
         },
       ];
-      expect(VegaRTEContent.fromJSON(data, { autoMatchFormat: false }).toHtml({ autoMatchFormat: false })).toEqual(`<section><a href="https://example.com" target="_blank">link</a></section>`);
+      expect(VegaRTEContent.fromJSON(data, { autoMatchFormat: false }).toHtml()).toEqual(`<section><a href="https://example.com">link</a></section>`);
       data[0].children[0].annotations = { textAlign: 'center' };
-      expect(VegaRTEContent.fromJSON(data, { autoMatchFormat: false }).toHtml({ autoMatchFormat: false })).toEqual(`<section><p style="text-align: center;"><a href="https://example.com" target="_blank">link</a></p></section>`);
+      expect(VegaRTEContent.fromJSON(data, { autoMatchFormat: false }).toHtml()).toEqual(`<section><p style="text-align: center;"><a href="https://example.com">link</a></p></section>`);
     });
     it('should covert nested html block as expect', () => {
       const sourceCode = `<section><nav>React<span> Vue </span>Angular</nav></section>`;
@@ -2421,17 +2434,17 @@ describe('content state', () => {
           ],
         },
       ]);
-      expect(content.toHtml({ autoMatchFormat: false })).toEqual(sourceCode);
+      expect(content.toHtml()).toEqual(sourceCode);
     });
     it('should not covert the unsupported html', () => {
       const sourceCode = `<section><abc>test </abc>123</section>`;
       const content = VegaRTEContent.fromHtml(sourceCode, { autoMatchFormat: false });
-      expect(content.toHtml({ autoMatchFormat: false })).toEqual(`<section>test 123</section>`);
+      expect(content.toHtml()).toEqual(`<section>test 123</section>`);
     });
     it('should convert as expect if it is internal element', () => {
       const sourceCode = `<h1>123</h1>`;
       const content = VegaRTEContent.fromHtml(sourceCode, { autoMatchFormat: false });
-      expect(content.toHtml({ autoMatchFormat: false })).toEqual(`<h1>123</h1>`);
+      expect(content.toHtml()).toEqual(`<h1>123</h1>`);
       expect(content.toJSON()).toEqual([
         {
           id: expect.anything(),
@@ -2450,7 +2463,7 @@ describe('content state', () => {
     it('should convert nested inline html node as expect', () => {
       const sourceCode = `<p><b><u><s>111</s></u></b></p>`;
       const content = VegaRTEContent.fromHtml(sourceCode, { autoMatchFormat: false });
-      expect(content.toHtml({ autoMatchFormat: false })).toEqual(sourceCode);
+      expect(content.toHtml()).toEqual(sourceCode);
       expect(content.toJSON()).toEqual([
         {
           id: expect.anything(),
@@ -2480,7 +2493,7 @@ describe('content state', () => {
     it('should convert the inline html node with custom attrs', () => {
       const sourceCode = `<p><b id="b-element" class="my-class-1 my-class-2" style="color: red; background: yellow;">text</b></p>`;
       const content = VegaRTEContent.fromHtml(sourceCode, { autoMatchFormat: false });
-      expect(content.toHtml({ autoMatchFormat: false })).toEqual(sourceCode);
+      expect(content.toHtml()).toEqual(sourceCode);
       expect(content.toJSON()).toEqual([
         {
           id: expect.anything(),
@@ -2507,7 +2520,7 @@ describe('content state', () => {
     it('should convert the inline html node with text node as expect', () => {
       const sourceCode = `<p>Do not forget to buy <mark>milk</mark> today.</p>`;
       const content = VegaRTEContent.fromHtml(sourceCode, { autoMatchFormat: false });
-      expect(content.toHtml({ autoMatchFormat: false })).toEqual(sourceCode);
+      expect(content.toHtml()).toEqual(sourceCode);
       expect(content.toJSON()).toEqual([
         {
           id: expect.anything(),
@@ -2538,7 +2551,7 @@ describe('content state', () => {
     it('should convert the span as inline html when it includes not text node', () => {
       const sourceCode = `<p>This is a <span style="color: red;"><b>red</b></span> word.</p>`;
       const content = VegaRTEContent.fromHtml(sourceCode, { autoMatchFormat: false });
-      expect(content.toHtml({ autoMatchFormat: false })).toEqual(sourceCode);
+      expect(content.toHtml()).toEqual(sourceCode);
       expect(content.toJSON()).toEqual([
         {
           id: expect.anything(),
@@ -2659,7 +2672,7 @@ Line 1
   </footer>
 `;
       const content = VegaRTEContent.fromHtml(sourceCode, { autoMatchFormat: false });
-      expect(CodeFormatter.format(content.toHtml({ autoMatchFormat: false }))).toMatchSnapshot();
+      expect(CodeFormatter.format(content.toHtml())).toMatchSnapshot();
     });
     it('should convert the supported inline html as expected', () => {
       const sourceCode = `<p>
@@ -2694,7 +2707,7 @@ Line 1
 		      <video src="video.mp4"></video>
 		    </p>`;
       const content = VegaRTEContent.fromHtml(sourceCode, { autoMatchFormat: false });
-      expect(content.toHtml({ autoMatchFormat: false })).toMatchSnapshot();
+      expect(content.toHtml()).toMatchSnapshot();
     });
     it('should convert the code as inline html', () => {
       const sourceCode = `<code>1111</code>
@@ -2705,12 +2718,12 @@ Line 1
         <code>333</code>
       </b>`;
       const content = VegaRTEContent.fromHtml(sourceCode, { autoMatchFormat: false });
-      expect(content.toHtml({ autoMatchFormat: false })).toMatchSnapshot();
+      expect(content.toHtml()).toMatchSnapshot();
     });
     it('should convert the link that allow plain text', () => {
       const sourceCode = `<p><a href="https://example.com">Example <b>link</b></a></p>`;
       const content = VegaRTEContent.fromHtml(sourceCode, { autoMatchFormat: false });
-      expect(content.toHtml({ autoMatchFormat: false })).toEqual(sourceCode);
+      expect(content.toHtml()).toEqual(sourceCode);
       expect(content.toJSON()).toEqual([
         {
           id: expect.anything(),
@@ -2751,32 +2764,32 @@ Line 1
     it('should split the multiple nested inline html', () => {
       const sourceCode = `<p><b><s>111</s><u>222</u></b></p>`;
       const content = VegaRTEContent.fromHtml(sourceCode, { autoMatchFormat: false });
-      expect(content.toHtml({ autoMatchFormat: false })).toEqual(`<p><b><s>111</s></b><b><u>222</u></b></p>`);
+      expect(content.toHtml()).toEqual(`<p><b><s>111</s></b><b><u>222</u></b></p>`);
     });
     it('should convert li elements into a list block by default', () => {
       const sourceCode = '<li>Item 1</li><li>Item 2</li><li>Item 3</li>';
       const content = VegaRTEContent.fromHtml(sourceCode, { autoMatchFormat: false });
-      expect(content.toHtml({ autoMatchFormat: false })).toEqual(`<ul><li>Item 1</li><li>Item 2</li><li>Item 3</li></ul>`);
+      expect(content.toHtml()).toEqual(`<ul><li>Item 1</li><li>Item 2</li><li>Item 3</li></ul>`);
     });
     it('should convert all the ul children to list item', () => {
       const sourceCode = '<ul><li>Item 1</li>Item 2<li>Item 3</li></ul>';
       const content = VegaRTEContent.fromHtml(sourceCode, { autoMatchFormat: false });
-      expect(content.toHtml({ autoMatchFormat: false })).toEqual(`<ul><li>Item 1</li><li>Item 2</li><li>Item 3</li></ul>`);
+      expect(content.toHtml()).toEqual(`<ul><li>Item 1</li><li>Item 2</li><li>Item 3</li></ul>`);
     });
     it('should correctly handle both standalone li elements and li elements with ul/ol', () => {
       const sourceCode = `<li>111</li><li>222</li><li>333</li><ol>444</ol><p>555</p>`;
       const content = VegaRTEContent.fromHtml(sourceCode, { autoMatchFormat: false });
-      expect(content.toHtml({ autoMatchFormat: false })).toEqual(`<ul><li>111</li><li>222</li><li>333</li></ul><ol><li>444</li></ol><p>555</p>`);
+      expect(content.toHtml()).toEqual(`<ul><li>111</li><li>222</li><li>333</li></ul><ol><li>444</li></ol><p>555</p>`);
     });
     it('should handle non-contiguous li elements as separate lists', () => {
       const sourceCode = '<li>Item 1</li><p>Middle</p>Plain text<li>Item 2</li><li>Item 3</li>';
       const content = VegaRTEContent.fromHtml(sourceCode, { autoMatchFormat: false });
-      expect(content.toHtml({ autoMatchFormat: false })).toEqual(`<ul><li>Item 1</li></ul><p>Middle</p>Plain text<ul><li>Item 2</li><li>Item 3</li></ul>`);
+      expect(content.toHtml()).toEqual(`<ul><li>Item 1</li></ul><p>Middle</p>Plain text<ul><li>Item 2</li><li>Item 3</li></ul>`);
     });
     it('should not merge bold annotation with custom attr', () => {
       const sourceCode = '<span style="font-weight: bold;">bold text</span>';
       const content = VegaRTEContent.fromHtml(sourceCode, { autoMatchFormat: false });
-      expect(content.toHtml({ autoMatchFormat: false })).toEqual(sourceCode);
+      expect(content.toHtml()).toEqual(sourceCode);
     });
     it('should not remove blank space between elements', () => {
       const sourceCode = '<p><span>A</span><span> </span><span>paragraph</span></p>';
@@ -2827,11 +2840,9 @@ Line 1
         },
       ];
       expect(VegaRTEContent.fromJSON(content).toHtml()).toEqual(`<p style="font-family: Inter;font-size: 16px;line-height: 22px;font-weight: 500;margin-top: 0px;margin-bottom: 0px;"><span>This is a paragraph</span></p>`);
-      expect(VegaRTEContent.fromJSON(content).toHtml({ autoMatchFormat: false })).toEqual(`<p style="font-family: Inter;font-size: 16px;line-height: 22px;font-weight: 500;margin-top: 0px;margin-bottom: 0px;"><span>This is a paragraph</span></p>`);
+      expect(VegaRTEContent.fromJSON(content).toHtml()).toEqual(`<p style="font-family: Inter;font-size: 16px;line-height: 22px;font-weight: 500;margin-top: 0px;margin-bottom: 0px;"><span>This is a paragraph</span></p>`);
+      expect(VegaRTEContent.fromJSON(content, { autoMatchFormat: false }).toHtml()).toEqual(`<p><span>This is a paragraph</span></p>`);
       expect(VegaRTEContent.fromJSON(content, { autoMatchFormat: false }).toHtml()).toEqual(`<p><span>This is a paragraph</span></p>`);
-      expect(VegaRTEContent.fromJSON(content, { autoMatchFormat: false }).toHtml({
-        autoMatchFormat: false,
-      })).toEqual(`<p><span>This is a paragraph</span></p>`);
     });
     it('should translate the html block as expect html', () => {
       const content = [

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

@@ -28,4 +28,3 @@ 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');
 export const GP_BRAND_CHANGE = new StaticSubject('GP_BRAND_CHANGE');
-export const CALENDAR_EVENT_PREVIEW_POPOVER_HIDE = new StaticSubject('CALENDAR_EVENT_PREVIEW_POPOVER_HIDE');

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

@@ -57,3 +57,4 @@ export const VegaInternalCalendarEventPreviewUpdate = new VegaInternalEventID('c
 export const VegaInternalCalendarEventPreviewClear = new VegaInternalEventID('calendarEventPreviewClear');
 export const VegaInternalUpdateRTECursorPosition = new VegaInternalEventID('InternalUpdateRTECursorPosition');
 export const VegaInternalMonthYearChange = new VegaInternalEventID('internalMonthYearChange');
+export const VegaInternalCalendarEventPreviewHide = new VegaInternalEventID('calendarEventPreviewHide');