@globalpayments/vega 2.89.0 → 2.91.0

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

@@ -0,0 +1,34 @@
+import { VegaRTEExtension } from '../extension.abstract';
+/**
+ * Rich Text Editor extension that configures built-in link behavior.
+ */
+export class VegaRTELinkExtension extends VegaRTEExtension {
+  constructor(config = {}) {
+    super();
+    this.config = config;
+  }
+  /**
+   * Store config per host so both toolbar-link and inline-link editors
+   * can consistently read the extension settings.
+   *
+   * @param {HTMLElement} host - The host rich text editor element.
+   */
+  prepareBeforeLoad(host) {
+    VegaRTELinkExtension.configStore.set(host, this.config);
+  }
+  /**
+   * Remove config for the current host when the extension is destroyed.
+   */
+  destroyExtension() {
+    var _a;
+    if ((_a = this.extensionContext) === null || _a === void 0 ? void 0 : _a.host) {
+      VegaRTELinkExtension.configStore.delete(this.extensionContext.host);
+    }
+  }
+}
+/**
+ * Per-host config store. Declare as static readonly to isolate config per editor host.
+ *
+ * @type {RTEExtensionStateStore<VegaRTELinkExtensionConfig>}
+ */
+VegaRTELinkExtension.configStore = VegaRTELinkExtension.createStateStore();

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

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,22 @@
+// eslint-disable-next-line spellcheck/spell-checker
+// The regex checks for a protocol prefix (xxxx:// or xxxx:)
+// or a leading special character (such as /, #, +, etc., but not letters/digits/underscore).
+const PROTOCOL_REG_EXP = /^((\w+:(\/{2,})?)|(\W))/i;
+/**
+ * Normalizes URL by prepending default protocol when URL does not already include one.
+ *
+ * @param {string} url URL value to normalize.
+ * @param {string} defaultProtocol Configured default protocol, for example: https:// or mailto:.
+ * @returns {string} Normalized URL.
+ */
+export function normalizeUrlByDefaultProtocol(url, defaultProtocol) {
+  const input = (url || '').trim();
+  if (!input) {
+    return input;
+  }
+  const normalizedDefaultProtocol = (defaultProtocol || '').trim();
+  if (!normalizedDefaultProtocol || PROTOCOL_REG_EXP.test(input)) {
+    return input;
+  }
+  return `${normalizedDefaultProtocol}${input}`;
+}

package/dist/collection/components/vega-rich-text-editor/extensions/rte-extension-state-store.js

@@ -0,0 +1,37 @@
+/**
+ * Generic per-host state store using WeakMap keyed by HTMLVegaRichTextEditorElement.
+ * Create via {@link VegaRTEExtension.createStateStore} and declare as `static readonly` on your extension class.
+ *
+ * @template T - The type of the state value to store per host.
+ */
+export class RTEExtensionStateStore {
+  constructor() {
+    this.stateMap = new WeakMap();
+  }
+  /**
+   * Store a value for the given host.
+   *
+   * @param {HTMLElement} host - The editor host.
+   * @param {T} value - The value to store.
+   */
+  set(host, value) {
+    this.stateMap.set(host, value);
+  }
+  /**
+   * Retrieve the stored value for the given host.
+   *
+   * @param {Nullable<HTMLElement>} host - The editor host.
+   * @returns {Nullable<T>} The stored value, or null if not found.
+   */
+  get(host) {
+    return host ? this.stateMap.get(host) : null;
+  }
+  /**
+   * Remove the stored value for the given host.
+   *
+   * @param {HTMLElement} host - The editor host.
+   */
+  delete(host) {
+    this.stateMap.delete(host);
+  }
+}

package/dist/collection/components/vega-rich-text-editor/extensions/tokens/token-toolbar-button-renderer.js

@@ -25,7 +25,7 @@ export class RTETokenToolbarButtonRenderer extends VegaRTEToolbarButtonRenderer
         showArrowIcon: true,
         tooltip: { text: 'Insert token' },
       }),
-      this.renderDropdownListTemplate(createElement, this.tokenList),
+      this.renderDropdownListTemplate(createElement, this.tokenList, editorContext),
     ]);
   }
   /**

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

@@ -23,6 +23,7 @@ export { VegaRTEHorizontalLineExtension } from './extensions/horizontal-line/hor
 export { VegaRTESpecialCharactersExtension } from './extensions/special-characters/special-characters-extension';
 export { VegaRTESpecialCharactersEssentials, VegaRTESpecialCharactersLatin, VegaRTESpecialCharactersMathematical, VegaRTESpecialCharactersArrows, VegaRTESpecialCharactersCurrency, VegaRTESpecialCharactersText, } from './extensions/special-characters/constants/default-categories';
 export { VegaRTELineHeightExtension } from './extensions/line-height/line-height-extension';
+export { VegaRTELinkExtension } from './extensions/link/link-extension';
 // actions
 export { ModifyContentAction, ModifyContentActionType } from './dto/actions/modify-content-action.abstract';
 export { AppendChildrenAction } from './dto/actions/append-child-nodes-action';

package/dist/collection/components/vega-rich-text-editor/slimmers/controllers/selection-controller.js

@@ -44,6 +44,7 @@ export class SelectionController extends AutoRunWhenReRenderTaskQueueSlimmer {
       const range = this.currentRange.toNativeRange();
       if (range) {
         this.setSelectionRange(range);
+        this.scrollCaretIntoView(range);
       }
     };
   }
@@ -167,6 +168,60 @@ export class SelectionController extends AutoRunWhenReRenderTaskQueueSlimmer {
     const richTextContentRef = this.vegaRichTextEditorRenderer.getRichTextContentRef();
     return ShadowSelectionPolyfill.getSelection(richTextContentRef.shadowRoot);
   }
+  /**
+   * Scroll the editor's scrollable viewport so the caret stays visible.
+   * Setting the selection range programmatically does not trigger the browser's
+   * native auto-scroll, so when the cursor is moved (e.g. after inserting a
+   * function block) it can land outside the visible area of a fixed-height
+   * (rows) editor. This keeps the caret within view.
+   *
+   * Note: This method performs getBoundingClientRect() reads and is called during
+   * the re-render task path every time the saved selection is restored.
+   *
+   * @param {Range} range - The range that was applied to the selection.
+   */
+  scrollCaretIntoView(range) {
+    const viewport = this.vegaRichTextEditorRenderer.getRichTextContentRef();
+    const caretRect = this.getCaretRect(range);
+    if (!viewport || !caretRect) {
+      return;
+    }
+    const viewportRect = viewport.getBoundingClientRect();
+    if (viewportRect.width === 0 ||
+      viewportRect.height === 0 ||
+      (caretRect.top === 0 && caretRect.bottom === 0 && caretRect.left === 0 && caretRect.right === 0)) {
+      return;
+    }
+    if (caretRect.bottom > viewportRect.bottom) {
+      viewport.scrollTop += caretRect.bottom - viewportRect.bottom;
+    }
+    else if (caretRect.top < viewportRect.top) {
+      viewport.scrollTop -= viewportRect.top - caretRect.top;
+    }
+  }
+  /**
+   * Get the bounding rect of the caret for the given range.
+   * A collapsed range inside an empty node can return an empty rect, so in that
+   * case fall back to the nearest element's bounding rect.
+   *
+   * @param {Range} range - The range to measure.
+   * @returns {Nullable<DOMRect>} The caret bounding rect, or null if it cannot be resolved.
+   */
+  getCaretRect(range) {
+    // getBoundingClientRect is unavailable in non-DOM (test) environments.
+    if (typeof range.getBoundingClientRect !== 'function') {
+      return null;
+    }
+    const rangeRect = range.getBoundingClientRect();
+    if (rangeRect.height > 0) {
+      return rangeRect;
+    }
+    const startContainer = range.startContainer;
+    const element = startContainer.nodeType === Node.TEXT_NODE
+      ? startContainer.parentElement
+      : startContainer;
+    return element ? element.getBoundingClientRect() : null;
+  }
   /**
    * Save the current selection range detail
    */

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

@@ -55,7 +55,9 @@ export class ToolbarRenderer extends VegaSlimmer {
     return (h("vega-flex", { gap: "size-8", alignItems: "center", flexWrap: "wrap" },
       this.allowSourceEdit && (h(Fragment, null,
         h("div", { class: "toolbar-btn-group" }, this.sourceEditToolbarButtonSlimmer.render()),
-        this.toolbarItems.length > 0 && totalVisibleCount > 0 && this.renderVegaDivider())),
+        this.uniqueToolbarItems.length > 0 &&
+          totalVisibleCount > 0 &&
+          this.renderVegaDivider())),
       renderedItems));
   }
   renderVegaDivider() {
@@ -69,7 +71,7 @@ export class ToolbarRenderer extends VegaSlimmer {
    */
   renderToolbarItems() {
     let totalVisibleCount = 0;
-    const renderedItems = this.toolbarItems.map((group) => {
+    const renderedItems = this.uniqueToolbarItems.map((group) => {
       let visibleCountPerGroup = 0;
       const groupElement = group
         .map((item) => {
@@ -105,7 +107,7 @@ export class ToolbarRenderer extends VegaSlimmer {
 }
 __decorate([
   MapToComponentField()
-], ToolbarRenderer.prototype, "toolbarItems", void 0);
+], ToolbarRenderer.prototype, "uniqueToolbarItems", void 0);
 __decorate([
   MapToComponentField()
 ], ToolbarRenderer.prototype, "allowSourceEdit", void 0);

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

@@ -10,6 +10,7 @@ import { createEnterKeyHandlerToTriggerClick } from '../../../../utils/accessibi
 import ChangeManager from '../../../../helpers/change-manager/change-manager';
 import domNodeSubjectFactory from '../../../../helpers/change-manager/subject/dom-node-subject/dom-node-subject-factory';
 import { VegaInternalComponentDidRender } from '../../../../helpers/event-manager/event-id/vega-internal-event-id';
+import { VegaRTEOneRowHeightPx } from '../../constants/constant';
 export class VegaRichTextEditorRenderer extends VegaSlimmer {
   constructor() {
     super(...arguments);
@@ -17,11 +18,19 @@ export class VegaRichTextEditorRenderer extends VegaSlimmer {
       return h("vega-text", { text: this.hint });
     };
     this.renderTextContent = () => {
+      const defaultHeight = `${5 * VegaRTEOneRowHeightPx}px`;
+      /**
+       * When rows is set to a value less than 2, it defaults to 5 rows
+       * to ensure the editor remains usable with adequate visible space.
+       */
+      const containerStyle = this.rows !== undefined
+        ? { height: this.rows >= 2 ? `${this.rows * VegaRTEOneRowHeightPx}px` : defaultHeight }
+        : { minHeight: defaultHeight };
       return (h("div", { class: {
           'rich-text-editor-container': true,
           'disabled': this.disabled,
           'vega-hidden': this.sourceView,
-        }, style: { minHeight: `${this.rows * 24}px` }, onClick: this.richTextContentFocus, role: "textbox", tabIndex: !this.disabled ? -1 : 0, onKeyDown: createEnterKeyHandlerToTriggerClick(), ref: (node) => (this.richTextContainerRef = node) },
+        }, style: containerStyle, onClick: this.richTextContentFocus, role: "textbox", tabIndex: !this.disabled ? -1 : 0, onKeyDown: createEnterKeyHandlerToTriggerClick(), ref: (node) => (this.richTextContainerRef = node) },
         h("vega-rich-text-content", { ref: (ref) => (this.richTextContentRef = ref), content: this.value, extensions: this.extensions }),
         this.renderCharacterCounter()));
     };

package/dist/collection/components/vega-rich-text-editor/vega-rich-text-editor.css

@@ -58,11 +58,11 @@
   border-radius: 8px;
   color: rgba(var(--v-text-primary, 32, 54, 69, 1));
   margin-top: 12px;
-  overflow: auto;
+  overflow: hidden;
   resize: vertical;
   padding-top: 12px;
   padding-right: 16px;
-  padding-bottom: 32px;
+  padding-bottom: 12px;
   padding-left: 16px;
 }
 :host .rich-text-editor-container:hover {

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

@@ -115,6 +115,19 @@ export class VegaRichTextEditor {
     this.selectionMap = new Map();
     this.isInDarkMode = VegaInternalThemeManager.isDarkMode();
     this.sourceView = false;
+    /**
+     * Internal state that holds unique toolbar items.
+     * Computed from `toolbarItems` to ensure each button renders only once.
+     *
+     *
+     * When `toolbarItems` contains duplicates across groups (e.g.,
+     * `[['bold'], ['italic'], ['bold']]`), only the first occurrence of each
+     * button is preserved. The group structure is maintained, but duplicate
+     * buttons are filtered out.
+     *
+     * @internal
+     */
+    this.uniqueToolbarItems = VegaRTEPresetToolbarItems;
     /**
      * Specifies the label for the rich text editor.
      *
@@ -163,12 +176,6 @@ export class VegaRichTextEditor {
      * @vegaVersion 2.34.0
      */
     this.hint = '';
-    /**
-     * Specifies editable section rows for the rich text editor
-     *
-     * @vegaVersion 2.34.0
-     */
-    this.rows = 4;
     /**
      * Specifies the value of the rich text editor, which can be either VegaRTEContent or VegaRTEContentBlock.
      * It is recommended to use the VegaRTEContent type.
@@ -250,6 +257,9 @@ export class VegaRichTextEditor {
   watchValueUpdate() {
     methodPlaceholder();
   }
+  watchToolbarItems() {
+    this.syncUniqueToolbarItems();
+  }
   watchValidationRules() {
     methodPlaceholder();
   }
@@ -258,10 +268,28 @@ export class VegaRichTextEditor {
   }
   componentWillLoad() {
     this.richTextContentController.syncRichTextContentEditable();
+    this.syncUniqueToolbarItems();
   }
   render() {
     return sanitizeVegaComponent(this.vegaRichTextEditorRenderer.render(), this.host);
   }
+  /**
+   * Synchronizes {@link uniqueToolbarItems} from {@link toolbarItems} using global uniqueness enforcement.
+   *
+   * Example:
+   * - input: [["bold", "italic"], ["bold", "link"], ["italic"]]
+   * - output: [["bold", "italic"], ["link"], []]
+   */
+  syncUniqueToolbarItems() {
+    const uniqueToolbarButtonSet = new Set();
+    this.uniqueToolbarItems = this.toolbarItems.map((toolbarItemGroup) => toolbarItemGroup.filter((toolbarItem) => {
+      if (uniqueToolbarButtonSet.has(toolbarItem)) {
+        return false;
+      }
+      uniqueToolbarButtonSet.add(toolbarItem);
+      return true;
+    }));
+  }
   static get is() { return "vega-rich-text-editor"; }
   static get encapsulation() { return "shadow"; }
   static get originalStyleUrls() { return {
@@ -409,17 +437,16 @@ export class VegaRichTextEditor {
         "references": {}
       },
       "required": false,
-      "optional": false,
+      "optional": true,
       "docs": {
         "tags": [{
             "name": "vegaVersion",
             "text": "2.34.0"
           }],
-        "text": "Specifies editable section rows for the rich text editor"
+        "text": "Specifies editable section rows for the rich text editor.\nWhen not set, the editor uses stretching behavior with a default visual height of 5 rows.\nWhen set, the editor height is fixed and content overflow is scrollable.\nThe value accepts integers \u2265 2; for optimal display, values below 2 are internally normalized to 5 rows."
       },
       "attribute": "rows",
-      "reflect": false,
-      "defaultValue": "4"
+      "reflect": false
     },
     "value": {
       "type": "unknown",
@@ -639,7 +666,8 @@ export class VegaRichTextEditor {
     "richTextContentEditable": {},
     "selectionMap": {},
     "isInDarkMode": {},
-    "sourceView": {}
+    "sourceView": {},
+    "uniqueToolbarItems": {}
   }; }
   static get events() { return [{
       "method": "vegaChange",
@@ -792,6 +820,9 @@ export class VegaRichTextEditor {
     }, {
       "propName": "value",
       "methodName": "watchValueUpdate"
+    }, {
+      "propName": "toolbarItems",
+      "methodName": "watchToolbarItems"
     }, {
       "propName": "validationRules",
       "methodName": "watchValidationRules"

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

@@ -12,16 +12,20 @@ import { VegaInternalComponentDidRender, VegaInternalPopoverUpdateTarget, } from
 import domNodeSubjectFactory from '../../../../../helpers/change-manager/subject/dom-node-subject/dom-node-subject-factory';
 import ChangeManager from '../../../../../helpers/change-manager/change-manager';
 import remoteInvocationRegistry from '../../../../../helpers/remote-invocation/remote-invocation-registry';
+import { findParent } from '../../../../../utils/ui';
+import { VegaRTELinkExtension } from '../../../extensions/link/link-extension';
+import { normalizeUrlByDefaultProtocol } from '../../../extensions/link/utils';
 export class VegaRichTextLinkEditorRenderer extends VegaSlimmer {
   constructor() {
     super(...arguments);
     this.handleKeyDown = (e) => {
       if (e.key === 'Enter') {
         void this.formRef.getValue().then(({ text, url }) => {
-          if (url.length > 0) {
+          const normalizedUrl = this.normalizeUrlByDefaultProtocol(url);
+          if (normalizedUrl.length > 0) {
             this.changeEventEmitter.emit({
               action: 'link',
-              payload: { text: text || url, url },
+              payload: { text: text || normalizedUrl, url: normalizedUrl },
             });
             void this.popoverRef.hide();
           }
@@ -58,13 +62,13 @@ export class VegaRichTextLinkEditorRenderer extends VegaSlimmer {
     return (h("vega-popover", { trigger: "click", alignment: "start", placement: "bottom", showArrow: false, ref: (ref) => {
         this.popoverRef = ref;
         DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, VegaPopoverShow, () => {
-          var _a, _b;
+          var _a, _b, _c;
           if (this.status === 'linkEdit') {
             void this.urlInputRef.doFocus();
           }
           void this.formRef.setValue({
             text: (_a = this.record) === null || _a === void 0 ? void 0 : _a.text,
-            url: (_b = this.record) === null || _b === void 0 ? void 0 : _b.url,
+            url: this.normalizeUrlByDefaultProtocol((_c = (_b = this.record) === null || _b === void 0 ? void 0 : _b.url) !== null && _c !== void 0 ? _c : ''),
           });
         });
         DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, VegaPopoverHide, () => {
@@ -111,6 +115,11 @@ export class VegaRichTextLinkEditorRenderer extends VegaSlimmer {
   updatePopoverTarget() {
     remoteInvocationRegistry.call(domNodeSubjectFactory.getSubject(this.popoverRef, VegaInternalPopoverUpdateTarget), this.target);
   }
+  normalizeUrlByDefaultProtocol(url) {
+    const rteHost = findParent(this.host, 'vega-rich-text-editor');
+    const linkConfig = VegaRTELinkExtension.configStore.get(rteHost) || {};
+    return normalizeUrlByDefaultProtocol(url, linkConfig.defaultProtocol);
+  }
 }
 __decorate([
   MapToComponentField()

package/dist/collection/components/vega-selection-chip/vega-selection-chip-group/slimmers/renderers/vega-selection-chip-group-renderer.js

@@ -17,7 +17,7 @@ export class VegaSelectionChipGroupRenderer extends VegaSlimmer {
       this.renderHint()));
   }
   renderLabel() {
-    return (h("vega-field-label", { "is-field-required": this.required, disabled: this.disabled, label: this.label }));
+    return (h("vega-field-label", { "is-field-required": this.required, disabled: this.disabled, optional: this.optional, label: this.label }));
   }
   renderContainer() {
     return (h("div", { class: "container", ref: (ref) => (this.groupContainerRef = ref) },
@@ -37,6 +37,9 @@ __decorate([
 __decorate([
   MapToComponentField()
 ], VegaSelectionChipGroupRenderer.prototype, "required", void 0);
+__decorate([
+  MapToComponentField()
+], VegaSelectionChipGroupRenderer.prototype, "optional", void 0);
 __decorate([
   MapToComponentField()
 ], VegaSelectionChipGroupRenderer.prototype, "hint", void 0);

package/dist/collection/components/vega-selection-chip/vega-selection-chip-group/vega-selection-chip-group.js

@@ -67,6 +67,16 @@ export class VegaSelectionChipGroup {
      */
     /* eslint-disable-next-line @stencil/strict-mutable */
     this.value = this.selectType === 'checkbox' ? [] : '';
+    /**
+     * Indicates whether the field should be presented as optional.
+     *
+     * This property only takes effect when `required` is `false`.
+     * When `true`, an "optional" label is displayed next to the field label.
+     *
+     * @default false
+     * @vegaVersion 2.90.0
+     */
+    this.optional = false;
     /**
      * Defines custom validation rules for the selection chip group field.
      *
@@ -213,6 +223,30 @@ export class VegaSelectionChipGroup {
       "attribute": "required",
       "reflect": false
     },
+    "optional": {
+      "type": "boolean",
+      "mutable": false,
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "name": "default",
+            "text": "false"
+          }, {
+            "name": "vegaVersion",
+            "text": "2.90.0"
+          }],
+        "text": "Indicates whether the field should be presented as optional.\n\nThis property only takes effect when `required` is `false`.\nWhen `true`, an \"optional\" label is displayed next to the field label."
+      },
+      "attribute": "optional",
+      "reflect": true,
+      "defaultValue": "false"
+    },
     "disabled": {
       "type": "boolean",
       "mutable": false,

package/dist/collection/components/vega-tab-group/slimmers/vega-tab-group/controllers/vega-tab-group-pages-controller.js

@@ -179,11 +179,13 @@ export class VegaTabGroupPagesController extends PageResizeObserverSlimmer {
    */
   /* istanbul ignore next */
   /**
-   * 1.record the width of tab.
-   * 2.the width of every tab is zero if the tab group component embedded in modal, so need recalculate the width of tab.
+   * 1. Record the width of each tab.
+   * 2. Recalculate when widths are zero, such as when the tab group is embedded in a modal before render.
+   * 3. Recalculate when tab count changes to ensure overflow navigation buttons stay in sync.
    */
   initTabsWidthArray() {
     if (this.tabWidthArray.length === 0 ||
+      this.tabWidthArray.length !== this.tabItems.length ||
       this.tabWidthArray.some((tabWidth) => tabWidth === 0)) {
       const newTabWidthArray = [];
       this.tabItems.forEach((item) => {

package/dist/collection/components/vega-tab-group/vega-tab-group.js

@@ -72,9 +72,10 @@ export class VegaTabGroup {
     /**
      * Defines the tab items that appear within the tab group.
      *
-     * The `tabItems` property can only be set once during
-     *    initialization and cannot be overridden or
-     *    modified dynamically.
+     * The `tabItems` property supports dynamic updates.
+     *
+     * - When items are added or removed, the tab group
+     *      will update tabs and overflow layout automatically.
      *
      * @vegaVersion 1.3.0
      */
@@ -247,7 +248,7 @@ export class VegaTabGroup {
             "name": "vegaVersion",
             "text": "1.3.0"
           }],
-        "text": "Defines the tab items that appear within the tab group.\n\nThe `tabItems` property can only be set once during\n   initialization and cannot be overridden or\n   modified dynamically."
+        "text": "Defines the tab items that appear within the tab group.\n\nThe `tabItems` property supports dynamic updates.\n\n- When items are added or removed, the tab group\n     will update tabs and overflow layout automatically."
       },
       "defaultValue": "[]"
     },

package/dist/collection/constants/tokens/typography.js

@@ -8,28 +8,28 @@ export const Typography = {
     "font-size:42px",
     "font-weight:700",
     "line-height:50px",
-    "letter-spacing:0.42px"
+    "letter-spacing:-0.42px"
   ],
   "M:v-font-h1": [
     "@apply v-font-inter",
     "font-size:42px",
     "font-weight:700",
     "line-height:50px",
-    "letter-spacing:2.52px"
+    "letter-spacing:-0.67px"
   ],
   "L:v-font-h1": [
     "@apply v-font-inter",
     "font-size:48px",
     "font-weight:700",
     "line-height:56px",
-    "letter-spacing:0.96px"
+    "letter-spacing:-1.06px"
   ],
   "XL:v-font-h1": [
     "@apply v-font-inter",
     "font-size:60px",
     "font-weight:700",
     "line-height:70px",
-    "letter-spacing:1.8px"
+    "letter-spacing:-1.8px"
   ],
   "v-font-h2": [
     "@apply v-font-inter",
@@ -50,42 +50,42 @@ export const Typography = {
     "font-size:36px",
     "font-weight:700",
     "line-height:44px",
-    "letter-spacing:1.8px"
+    "letter-spacing:-0.18px"
   ],
   "XL:v-font-h2": [
     "@apply v-font-inter",
     "font-size:42px",
     "font-weight:700",
     "line-height:52px",
-    "letter-spacing:0.42px"
+    "letter-spacing:-0.42px"
   ],
   "v-font-h3": [
     "@apply v-font-inter",
     "font-size:28px",
     "font-weight:500",
     "line-height:36px",
-    "letter-spacing:0.28px"
+    "letter-spacing:-0.28px"
   ],
   "M:v-font-h3": [
     "@apply v-font-inter",
     "font-size:28px",
     "font-weight:500",
     "line-height:36px",
-    "letter-spacing:0.28px"
+    "letter-spacing:-0.28px"
   ],
   "L:v-font-h3": [
     "@apply v-font-inter",
     "font-size:28px",
     "font-weight:500",
     "line-height:36px",
-    "letter-spacing:0.28px"
+    "letter-spacing:-0.28px"
   ],
   "XL:v-font-h3": [
     "@apply v-font-inter",
     "font-size:32px",
     "font-weight:500",
     "line-height:44px",
-    "letter-spacing:0.32px"
+    "letter-spacing:-0.32px"
   ],
   "v-font-h4": [
     "@apply v-font-inter",

package/dist/collection/constants/ui.js

@@ -107,6 +107,7 @@ export const VegaNativeEventName = [
   'rowDragDrop',
   'eventEdit',
   'todayClick',
+  'additionalLinkClick',
 ];
 // eslint-disable-next-line @typescript-eslint/typedef
 export const CssStates = ['default', 'hover', 'active', 'focus-visible'];

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

@@ -30,6 +30,8 @@ import { VegaRTESpecialCharactersExtension } from '../../components/vega-rich-te
 import { VegaRTESpecialCharactersEssentials, VegaRTESpecialCharactersLatin, VegaRTESpecialCharactersMathematical, VegaRTESpecialCharactersArrows, VegaRTESpecialCharactersCurrency, VegaRTESpecialCharactersText, } from '../../components/vega-rich-text-editor/extensions/special-characters/constants/default-categories';
 import { VegaRTELineHeightExtension } from '../../components/vega-rich-text-editor/extensions/line-height/line-height-extension';
 import { VegaRTEDefaultLineHeightOptions } from '../../components/vega-rich-text-editor/extensions/line-height/constants';
+import { VegaRTELinkExtension } from '../../components/vega-rich-text-editor/extensions/link/link-extension';
+import { VegaCalendarPeriodFactory } from '../../helpers/calendar';
 /**
  * Default export function that will be used by stencil global script,
  * which will be invoked before library loaded.
@@ -57,6 +59,7 @@ export default function () {
   applyBrandingFromClientGlobal();
   injectSetNonceIntoGlobal();
   patchHeadInsertBeforeWithNonce();
+  injectVegaCalendarPeriodFactoryIntoGlobal();
 }
 /**
  * Disable feature flags from the client global defined lists.
@@ -213,6 +216,13 @@ function injectVegaRichTextEditorClassIntoGlobal() {
   globalThis.VegaRTESpecialCharactersCurrency = VegaRTESpecialCharactersCurrency;
   globalThis.VegaRTESpecialCharactersText = VegaRTESpecialCharactersText;
   globalThis.VegaRTELineHeightExtension = VegaRTELineHeightExtension;
+  globalThis.VegaRTELinkExtension = VegaRTELinkExtension;
+}
+/**
+ * Inject VegaCalendarPeriodFactory to global as a public api.
+ */
+function injectVegaCalendarPeriodFactoryIntoGlobal() {
+  globalThis.VegaCalendarPeriodFactory = VegaCalendarPeriodFactory;
 }
 /**
  * Inject VegaPublicValidationRules to global as a public api