@globalpayments/vega 2.50.0 → 2.52.0

package/dist/collection/components/vega-code-block/slimmers/controllers/vega-code-block-selection-controller.js

@@ -57,12 +57,14 @@ export class VegaCodeBlockSelectionController extends AutoRunWhenReRenderTaskQue
    */
   addSelectionChangeEventListener() {
     this.codeBlockRange = new CodeBlockRange(this.contentRenderer.getCodeContentContainerRef());
+    // eslint-disable-next-line no-restricted-globals
     document.addEventListener('selectionchange', this.handleSelectionWithDebounce);
   }
   /**
    * Component lifecycle
    */
   removeSelectionChangeEventListener() {
+    // eslint-disable-next-line no-restricted-globals
     document.removeEventListener('selectionchange', this.handleSelectionWithDebounce);
   }
   /**

package/dist/collection/components/vega-code-block/vega-code-block.css

@@ -103,7 +103,7 @@
 
 :host(.focus:not(.disabled, .readonly)) {
   outline: 2px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));
-  outline-offset: 0px;
+  outline-offset: 2px;
 }
 
 :host(.highlight) code {

package/dist/collection/components/vega-date-picker/slimmers/renderers/vega-date-picker-calendar-month-year-dropdown-renderer.js

@@ -24,6 +24,7 @@ export class VegaDatePickerMonthYearDropdownRenderer extends VegaSlimmer {
       month: null,
       year: null,
     };
+    /* eslint-enable no-restricted-globals */
     /**
      * When interacting with open vega-dropdown, prevent it from collapsing since is treated as outside element by litepicker
      *
@@ -85,6 +86,7 @@ export class VegaDatePickerMonthYearDropdownRenderer extends VegaSlimmer {
       this.syncDropdownOptions('month', item, index);
       const selectedOptionValue = this.getSelectedOptionFromSelect(item);
       const value = VegaDatePickerMonthYearDropdownRenderer.monthName[parseInt(selectedOptionValue)];
+      // eslint-disable-next-line no-restricted-globals
       const monthButton = document.createElement('span');
       monthButton.classList.add('dropdown-current-value');
       monthButton.innerText = `${this.translationSlimmer.t(value)}`;
@@ -110,6 +112,7 @@ export class VegaDatePickerMonthYearDropdownRenderer extends VegaSlimmer {
     ui.querySelectorAll('select.month-item-year').forEach((item, index) => {
       this.syncDropdownOptions('year', item, index);
       const value = this.getSelectedOptionFromSelect(item);
+      // eslint-disable-next-line no-restricted-globals
       const yearButton = document.createElement('span');
       yearButton.classList.add('dropdown-current-value');
       yearButton.innerText = `${this.translationSlimmer.t(value)}`;
@@ -250,6 +253,7 @@ export class VegaDatePickerMonthYearDropdownRenderer extends VegaSlimmer {
   removeActiveDropdownClass() {
     Array.from(this.datePicker.ui.querySelectorAll('.dropdown-current-value.active')).forEach((item) => item.classList.remove('active'));
   }
+  /* eslint-disable no-restricted-globals */
   onDropdownShow() {
     document.addEventListener('mouseenter', this.onVegaDropdownContentBoxActivate, true);
     document.addEventListener('click', this.onVegaDropdownContentBoxClick);
@@ -266,6 +270,7 @@ export class VegaDatePickerMonthYearDropdownRenderer extends VegaSlimmer {
   initSetup() {
     const hideLitepicker = this.datePicker.hide.bind(this.datePicker);
     this.datePicker.hide = async () => {
+      // eslint-disable-next-line no-restricted-globals
       const activeElement = document.activeElement;
       if (!this.isMonthsOrYearsDropdownContentBoxOnFocus &&
         (activeElement === null || activeElement === void 0 ? void 0 : activeElement.tagName) !== 'VEGA-DROPDOWN-CONTENT-BOX') {

package/dist/collection/components/vega-date-picker/slimmers/renderers/vega-date-picker-calendar-renderer.js

@@ -64,8 +64,10 @@ export class VegaDatePickerCalendarRenderer extends VegaSlimmer {
       });
     };
     this.renderClearButton = (ui) => {
+      // eslint-disable-next-line no-restricted-globals
       const footerContainer = document.createElement('div');
       footerContainer.className = 'footer-container';
+      // eslint-disable-next-line no-restricted-globals
       const clearButton = document.createElement('vega-button-link');
       clearButton.label = this.translationSlimmer.t('Clear');
       clearButton.addEventListener('click', this.vegaDatePickerCalendarController.handleClear);
@@ -91,7 +93,9 @@ export class VegaDatePickerCalendarRenderer extends VegaSlimmer {
     if (this.datePicker === null) {
       this.initDatePicker();
     }
+    // eslint-disable-next-line no-restricted-globals
     this.calendarContainerRef = document.createElement('vega-date-picker-calendar');
+    // eslint-disable-next-line no-restricted-globals
     document.body.append(this.calendarContainerRef);
   }
   /*

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

@@ -34,6 +34,7 @@
   line-height: 30px;
   letter-spacing: 0px;
   color: rgba(var(--v-text-primary, 32, 54, 69, 1));
+  word-break: break-word;
 }
 @media screen and (min-width: 768px) and (max-width: 1023px) {
   :host .vega-dialog-modal-content {

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

@@ -14,6 +14,7 @@ import { VegaIconManager } from '../../helpers/icon/icon-manager';
 import { InjectVegaGlobalSlimmer, InjectVegaSlimmer } from 'vega-slimmer/core';
 import { LogUtility } from '../../utils/log';
 import { VegaComponentUsageRuntimeMetricsSlimmer } from '../../helpers/slimmers/component-usage-runtime-metrics';
+import { tryGetDocument } from '../../utils/try-get-document';
 /**
  * @vegaVersion 1.0.4
  */
@@ -139,8 +140,8 @@ export class VegaIcon {
   /* istanbul ignore next */
   appendStyles(iconStyles) {
     var _a;
-    if (iconStyles) {
-      const styleElement = (_a = this.host.shadowRoot.querySelector('#fa-icon-styles')) !== null && _a !== void 0 ? _a : document.createElement('style');
+    if (iconStyles && tryGetDocument()) {
+      const styleElement = (_a = this.host.shadowRoot.querySelector('#fa-icon-styles')) !== null && _a !== void 0 ? _a : tryGetDocument().createElement('style');
       styleElement.id = 'fa-icon-styles';
       styleElement.innerHTML = iconStyles;
       this.host.shadowRoot.appendChild(styleElement);
@@ -157,16 +158,17 @@ export class VegaIcon {
       return VegaIcon.iconStyleCache.get(this.icon);
     }
     else {
-      const iconElement = document.createElement('i');
-      iconElement.className = this.icon;
-      iconElement.style.display = 'none';
-      document.body.appendChild(iconElement);
-      const computedStyle = getComputedStyle(iconElement);
-      // `fontFamily` is null in spec test. Skip it by using '?'
-      if ((_a = computedStyle.fontFamily) === null || _a === void 0 ? void 0 : _a.includes('Font Awesome')) {
-        const pseudoBeforeElementStyle = getComputedStyle(iconElement, '::before');
-        const pseudoAfterElementStyle = getComputedStyle(iconElement, '::after');
-        const styleHTML = `
+      if (tryGetDocument()) {
+        const iconElement = tryGetDocument().createElement('i');
+        iconElement.className = this.icon;
+        iconElement.style.display = 'none';
+        tryGetDocument().body.appendChild(iconElement);
+        const computedStyle = getComputedStyle(iconElement);
+        // `fontFamily` is null in spec test. Skip it by using '?'
+        if ((_a = computedStyle.fontFamily) === null || _a === void 0 ? void 0 : _a.includes('Font Awesome')) {
+          const pseudoBeforeElementStyle = getComputedStyle(iconElement, '::before');
+          const pseudoAfterElementStyle = getComputedStyle(iconElement, '::after');
+          const styleHTML = `
 				i {
 					font-weight: ${computedStyle.fontWeight};
 					font-family: ${computedStyle.fontFamily};
@@ -185,13 +187,14 @@ export class VegaIcon {
 					opacity: ${pseudoAfterElementStyle.opacity};
 				}
 			`.replace(/[\n\t]/gi, '');
-        VegaIcon.iconStyleCache.set(this.icon, styleHTML);
-        document.body.removeChild(iconElement);
-        return styleHTML;
-      }
-      else {
-        document.body.removeChild(iconElement);
-        return null;
+          VegaIcon.iconStyleCache.set(this.icon, styleHTML);
+          tryGetDocument().body.removeChild(iconElement);
+          return styleHTML;
+        }
+        else {
+          tryGetDocument().body.removeChild(iconElement);
+          return null;
+        }
       }
     }
   }

package/dist/collection/components/vega-image-uploader/slimmers/controllers/vega-image-uploader-preview-controller.js

@@ -40,6 +40,7 @@ export class VegaImageUploaderPreviewController extends VegaSlimmer {
      * @returns {HTMLElement} a preview vega modal
      */
     this.generatePreviewModal = (imagePreviewURL) => {
+      // eslint-disable-next-line no-restricted-globals
       const previewModal = document.createElement('vega-modal');
       if (this.value && this.value.name) {
         previewModal.modalTitle = this.value.name;
@@ -50,6 +51,7 @@ export class VegaImageUploaderPreviewController extends VegaSlimmer {
             </div>
         `;
       this.previewModalRef = previewModal;
+      // eslint-disable-next-line no-restricted-globals
       document.body.append(previewModal);
       return previewModal;
     };

package/dist/collection/components/vega-input/slimmers/controllers/vega-input-compact-width-controller.js

@@ -82,6 +82,7 @@ export class VegaInputCompactWidthController extends VegaSlimmer {
    */
   getCalculateTextWidthContainer() {
     if (!this.calculateTextWidthContainer) {
+      // eslint-disable-next-line no-restricted-globals
       const container = document.createElement('div');
       container.classList.add('v-font-field-value');
       container.style.visibility = 'hidden';

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

@@ -55,7 +55,7 @@ vega-field-label {
   border-radius: 8px;
 }
 
-.vega-input-container:focus-within {
+.vega-input-container:not(.no-focus):focus-within {
   outline: 2px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));
   outline-offset: 3px;
   border: 1px solid rgba(var(--v-border-color-input-field-focus, 19, 98, 226, 1));
@@ -69,11 +69,15 @@ vega-field-label {
   border: 1px solid rgba(var(--v-border-input-field-danger-hover, 255, 87, 114, 1));
 }
 
-.vega-input-container.error:focus-within {
+.vega-input-container.error:not(.no-focus):focus-within {
   outline: 2px solid rgba(var(--v-border-color-danger, 230, 50, 87, 1));
   outline-offset: 3px;
   border: 1px solid rgba(var(--v-border-color-input-field-danger-focus, 233, 71, 104, 1));
 }
+.vega-input-container.error .vega-input-clear-icon:focus-within {
+  outline: 2px solid rgba(var(--v-border-color-danger, 230, 50, 87, 1));
+  outline-offset: 2px;
+}
 
 .vega-input-prefix {
   text-align: center;
@@ -251,6 +255,12 @@ vega-field-label {
   cursor: pointer;
   color: rgba(var(--v-text-secondary, 107, 116, 125, 1));
 }
+.vega-input-clear-icon:focus-within {
+  outline: 2px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));
+  outline-offset: 2px;
+  border-radius: 4px;
+  padding: 2px;
+}
 
 .vega-input-clear-icon.invisible {
   visibility: hidden;

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

@@ -276,6 +276,12 @@ export class VegaInput {
     this.isClearIconVisible = () => {
       return !this.disabled && Boolean(this.value);
     };
+    this.onClearInputFocus = () => {
+      this.inputContainerRef.classList.add('no-focus');
+    };
+    this.onClearInputBlur = () => {
+      this.inputContainerRef.classList.remove('no-focus');
+    };
     /**
      * Handles input event and updates the value based on a specified trigger.
      * The below method is e2e-test covered in
@@ -326,6 +332,16 @@ export class VegaInput {
       detail: this.value,
     });
   }
+  /**
+   * The below method is e2e-test covered in
+   * @see{module:vega-input-on-type-change}
+   */
+  /* istanbul ignore next */
+  watchTypeChange(newType, oldType) {
+    if (newType === 'number' || oldType === 'number') {
+      this.maskConfigController.setupStringFormatter(this.inputRef);
+    }
+  }
   watchValidationRules() {
     methodPlaceholder();
   }
@@ -397,7 +413,7 @@ export class VegaInput {
     return (h("div", { class: {
         'vega-input-clear-icon': true,
         'invisible': !this.isClearIconVisible(),
-      }, tabIndex: -1, "aria-label": "clear input", role: "button", onClick: this.onClickClearIcon, onKeyDown: createEnterKeyHandlerToTriggerClick() },
+      }, tabIndex: !this.disabled ? 0 : -1, "aria-label": "clear input", role: "button", onClick: this.onClickClearIcon, onKeyDown: createEnterKeyHandlerToTriggerClick(), onFocusin: this.onClearInputFocus, onFocusout: this.onClearInputBlur },
       h("vega-icon", { icon: "close" })));
   }
   renderHintDom() {
@@ -520,9 +536,14 @@ export class VegaInput {
       "type": "string",
       "mutable": false,
       "complexType": {
-        "original": "'text' | 'email' | 'password' | 'number' | 'hidden'",
+        "original": "InputType",
         "resolved": "\"email\" | \"hidden\" | \"number\" | \"password\" | \"text\"",
-        "references": {}
+        "references": {
+          "InputType": {
+            "location": "import",
+            "path": "./types"
+          }
+        }
       },
       "required": false,
       "optional": false,
@@ -1152,6 +1173,9 @@ export class VegaInput {
     }, {
       "propName": "value",
       "methodName": "watchValue"
+    }, {
+      "propName": "type",
+      "methodName": "watchTypeChange"
     }, {
       "propName": "validationRules",
       "methodName": "watchValidationRules"

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

@@ -28,7 +28,7 @@ export class VegaInputNumericRenderer extends VegaSlimmer {
     if (this.integerOnly) {
       maskOptions.precision = 0;
     }
-    return (h("vega-input", { value: this.value || '', showClearIcon: true, 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) => {
+    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));
       }, maskConfig: {
@@ -40,6 +40,9 @@ export class VegaInputNumericRenderer extends VegaSlimmer {
 __decorate([
   MapToComponentField()
 ], VegaInputNumericRenderer.prototype, "prefixIcon", void 0);
+__decorate([
+  MapToComponentField()
+], VegaInputNumericRenderer.prototype, "showClearIcon", void 0);
 __decorate([
   MapToComponentField()
 ], VegaInputNumericRenderer.prototype, "value", void 0);

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

@@ -132,6 +132,12 @@ export class VegaInputNumeric {
      * @vegaVersion 2.29.0
      */
     this.autoValidation = true;
+    /**
+     * Determines whether the clear icon should be displayed or hidden.
+     *
+     * @vegaVersion 2.52.0
+     */
+    this.showClearIcon = true;
   }
   watchPrefixText() {
     methodPlaceholder();
@@ -511,6 +517,27 @@ export class VegaInputNumeric {
       "attribute": "auto-validation",
       "reflect": true,
       "defaultValue": "true"
+    },
+    "showClearIcon": {
+      "type": "boolean",
+      "mutable": false,
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "name": "vegaVersion",
+            "text": "2.52.0"
+          }],
+        "text": "Determines whether the clear icon should be displayed or hidden."
+      },
+      "attribute": "show-clear-icon",
+      "reflect": false,
+      "defaultValue": "true"
     }
   }; }
   static get states() { return {

package/dist/collection/components/vega-input-range/slimmers/renderers/vega-input-range-clear-icon-renderer.js

@@ -27,7 +27,7 @@ export class VegaInputRangeClearIconRenderer extends VegaSlimmer {
     return (h("div", { class: {
         'vega-input-range-clear-icon': true,
         'invisible': !this.shouldShowClearIcon(),
-      }, "aria-label": "clear input range", role: "button", tabindex: "-1", onClick: this.clearInputRangeValue, onKeyDown: createEnterKeyHandlerToTriggerClick() },
+      }, "aria-label": "clear input range", role: "button", tabindex: !this.disabled ? 0 : -1, onClick: this.clearInputRangeValue, onKeyDown: createEnterKeyHandlerToTriggerClick() },
       h("vega-icon", { icon: "close" })));
   }
   /**

package/dist/collection/components/vega-input-range/vega-input-range.css

@@ -46,6 +46,12 @@
 .vega-input-range-input-container .vega-input-range-clear-icon.invisible {
   visibility: hidden;
 }
+.vega-input-range-input-container .vega-input-range-clear-icon:focus-within {
+  outline: 2px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));
+  outline-offset: 2px;
+  border-radius: 4px;
+  padding: 2px;
+}
 .vega-input-range-input-container vega-input::part(input-container) {
   border-width: 0px;
 }
@@ -103,6 +109,10 @@
 .vega-input-range-container.error .vega-input-range-input-container:hover {
   border: 1px solid rgba(var(--v-border-input-field-danger-hover, 255, 87, 114, 1));
 }
+.vega-input-range-container.error .vega-input-range-input-container .vega-input-range-clear-icon:focus-within {
+  outline: 2px solid rgba(var(--v-border-color-danger, 230, 50, 87, 1));
+  outline-offset: 2px;
+}
 .vega-input-range-container.error vega-input::part(input-container):focus-within {
   outline: 2px solid rgba(var(--v-border-color-danger, 230, 50, 87, 1));
   outline-offset: 3px;

package/dist/collection/components/vega-loader-wrapper/slimmers/controllers/manage-vega-loader-wrapper-z-index-controller.js

@@ -24,6 +24,7 @@ export class ManageVegaLoaderWrapperZIndexController extends VegaSlimmer {
    * Sets the z-index level for the vega-loader-wrapper based on the target container.
    */
   setIndex() {
+    // eslint-disable-next-line no-restricted-globals
     const containerElement = document.querySelector(this.host.dataset.container);
     if (containerElement) {
       if (containerElement.tagName === 'BODY') {

package/dist/collection/components/vega-modal/slimmers/controllers/vega-modal-backdrop-controller.js

@@ -31,12 +31,15 @@ export class VegaModalBackdropController extends VegaSlimmer {
   setBackdrop() {
     if (this.backdrop === 'none')
       return;
+    // eslint-disable-next-line no-restricted-globals
     let backdrop = document.querySelector('vega-backdrop.modal-backdrop');
     if (!backdrop) {
+      // eslint-disable-next-line no-restricted-globals
       backdrop = document.createElement('vega-backdrop');
       backdrop.classList.add('modal-backdrop');
       backdrop.color = VegaModalBackdropController.backdropColorMap[this.backdropColor];
       backdrop.visible = true;
+      // eslint-disable-next-line no-restricted-globals
       document.querySelector('body').append(backdrop);
     }
     this.backdropRef = backdrop;

package/dist/collection/components/vega-modal/slimmers/controllers/vega-modal-open-state-controller.js

@@ -159,9 +159,11 @@ export class VegaModalOpenStateController extends VegaSlimmer {
       return;
     const openedModalStackLength = this.openedModalStackController.length();
     if (this.open && openedModalStackLength === 1) {
+      // eslint-disable-next-line no-restricted-globals
       document.body.classList.add('disable-scroll-in-desktop');
     }
     else if (!this.open && openedModalStackLength === 0) {
+      // eslint-disable-next-line no-restricted-globals
       document.body.classList.remove('disable-scroll-in-desktop');
     }
   }

package/dist/collection/components/vega-modal/slimmers/controllers/vega-nested-modal-controller.js

@@ -21,6 +21,7 @@ export class VegaNestedModalController extends VegaSlimmer {
    */
   appendNestedModalToBody() {
     this.host.querySelectorAll('vega-modal').forEach((modal) => {
+      // eslint-disable-next-line no-restricted-globals
       document.body.append(modal);
     });
   }

package/dist/collection/components/vega-nav/slimmers/renderers/vega-nav-list-renderer.js

@@ -36,7 +36,7 @@ export class VegaNavListRenderer extends VegaSlimmer {
     return (h("vega-left-nav-group", { itemKey: item.key, key: item.key || item.name, icon: item.icon, label: item.name, "open-by-default": item.openByDefault }, (_a = item.children) === null || _a === void 0 ? void 0 : _a.map((child) => child.type == 'group' ? this.renderGroup(child) : this.renderLink(child))));
   }
   renderLink(item) {
-    return (h("vega-left-nav-link", { itemKey: item.key, key: item.key || item.name, icon: item.icon, url: item.url, selected: item.selected, counterBadge: item.counterBadge }, item.name));
+    return (h("vega-left-nav-link", { itemKey: item.key, key: item.key || item.name, icon: item.icon, url: item.url, target: item.target, selected: item.selected, counterBadge: item.counterBadge }, item.name));
   }
 }
 __decorate([

package/dist/collection/components/vega-nav/vega-left-nav/slimmers/controllers/vega-left-nav-backdrop-controller.js

@@ -45,16 +45,19 @@ export class VegaLeftNavBackdropController extends PageResizeObserverSlimmer {
    */
   /* istanbul ignore next */
   createBackdrop() {
+    // eslint-disable-next-line no-restricted-globals
     const backdrop = document.createElement('vega-backdrop');
     backdrop.visible = false;
     backdrop.duration = 150;
     backdrop.addEventListener('vegaClick', () => {
       this.openStateController.setOpenState('close');
     });
+    // eslint-disable-next-line no-restricted-globals
     document.body.append(backdrop);
     return backdrop;
   }
   updateBackdropUI(state) {
+    // eslint-disable-next-line no-restricted-globals
     const mainContent = document.querySelector('vega-left-nav + .vega-left-nav-content');
     if (state === 'open') {
       if (mainContent && !this.shouldShowBackdrop()) {

package/dist/collection/components/vega-nav/vega-left-nav/slimmers/controllers/vega-left-nav-open-state-controller.js

@@ -81,7 +81,9 @@ export class VegaLeftNavOpenStateController extends PageResizeObserverSlimmer {
    */
   /* istanbul ignore next */
   updateMainContentUI(state) {
+    // eslint-disable-next-line no-restricted-globals
     const bodyElement = document.querySelector('body');
+    // eslint-disable-next-line no-restricted-globals
     const mainContent = document.querySelector('vega-left-nav + .vega-left-nav-content');
     if (state === 'open') {
       this.host.style.display = 'flex';

package/dist/collection/components/vega-nav/vega-left-nav-link/slimmers/renderers/vega-left-nav-link-renderer.js

@@ -32,7 +32,7 @@ export class VegaLeftNavLinkRenderer extends VegaSlimmer {
     const url = this.url || 'javascript:void(0);';
     const classList = this.selected === true ? 'selected' : '';
     return (h(Host, { class: classList, "data-key": this.itemKey },
-      h("a", { href: url, onClick: this.handleClick },
+      h("a", { href: url, target: this.target, onClick: this.handleClick },
         this.icon && (h("div", { class: "vega-links-icon" },
           h("div", { class: "prefix-icon" },
             h("vega-icon", { icon: this.icon, size: "size-16" })))),
@@ -88,6 +88,9 @@ __decorate([
 __decorate([
   MapToComponentField()
 ], VegaLeftNavLinkRenderer.prototype, "itemKey", void 0);
+__decorate([
+  MapToComponentField()
+], VegaLeftNavLinkRenderer.prototype, "target", void 0);
 __decorate([
   MapToComponentField()
 ], VegaLeftNavLinkRenderer.prototype, "vegaLeftNavHierarchyController", void 0);

package/dist/collection/components/vega-nav/vega-left-nav-link/vega-left-nav-link.js

@@ -40,6 +40,13 @@ export class VegaLeftNavLink {
      * @vegaVersion 2.37.0
      */
     this.customSelectionEnabled = false;
+    /**
+     * Specifies where to open the URL linked in the left navigation item.
+     *    Common values include _self (default) to open in the same tab, or _blank to open in a new tab.
+     *
+     * @vegaVersion 2.52.0
+     */
+    this.target = '_self';
   }
   render() {
     slotPlaceholder(h("slot", null));
@@ -184,6 +191,27 @@ export class VegaLeftNavLink {
       },
       "attribute": "item-key",
       "reflect": false
+    },
+    "target": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "'_blank' | '_self'",
+        "resolved": "\"_blank\" | \"_self\"",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "name": "vegaVersion",
+            "text": "2.52.0"
+          }],
+        "text": "Specifies where to open the URL linked in the left navigation item.\n   Common values include _self (default) to open in the same tab, or _blank to open in a new tab."
+      },
+      "attribute": "target",
+      "reflect": false,
+      "defaultValue": "'_self'"
     }
   }; }
   static get events() { return [{

package/dist/collection/components/vega-rich-text-editor/dto/renderers/nodes/code-block-node-renderer.js

@@ -54,11 +54,8 @@ class RTECodeBlockNodeRenderer extends RTENodeRenderer {
   shouldSwitchOutOfCodeBlock(oldCode, newCode) {
     const newCodes = newCode.split('\n');
     if (newCode.length > oldCode.length &&
-      newCodes.length > 3 &&
-      newCodes
-        .slice(newCodes.length - 3)
-        .join('')
-        .trim() === '') {
+      newCodes.length > 4 &&
+      newCodes.slice(newCodes.length - 4).join('') === ``) {
       return true;
     }
     return false;

package/dist/collection/components/vega-rich-text-editor/slimmers/controllers/helper/element-to-dto-strategy/vega-code-block-to-rte-code-block-strategy.js

@@ -35,6 +35,7 @@ export class VegaCodeBlockToRTECodeBlockStrategy extends JiraCodeToRTECodeBlockS
     }
     else if (codeBlockElement.hasAttribute('data-content')) {
       // The code element in shadow dom could be empty in firefox.
+      // eslint-disable-next-line no-restricted-globals
       const code = document.createElement('code');
       code.textContent = codeBlockElement.dataset.content;
       code.dataset.language = codeBlockElement.dataset.language;

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

@@ -80,6 +80,7 @@ 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 this.elementToDTOProcessor

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

@@ -59,6 +59,7 @@ export class SelectionController extends AutoRunWhenReRenderTaskQueueSlimmer {
    * Component lifecycle - [componentDidLoad]{@link VegaRichTextEditor.componentDidLoad}
    */
   componentDidLoad() {
+    // eslint-disable-next-line no-restricted-globals
     document.addEventListener('selectionchange', this.handleSelectionWithDebounce);
   }
   /**

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

@@ -62,19 +62,23 @@ export const changeAlignStyle = async (page, style) => {
   switch (style) {
     case 'left':
       await (await find(page, 'vega-popover-content-box div:nth-of-type(1) vega-rich-text-editor-toolbar-button >>> button')).click();
+      await page.waitForChanges();
       break;
     case 'center': {
       const centerAlignBtn = await find(page, 'vega-popover-content-box div:nth-of-type(2) vega-rich-text-editor-toolbar-button >>> button');
       await centerAlignBtn.click();
+      await page.waitForChanges();
       break;
     }
     case 'right': {
       const rightAlignBtn = await page.find('vega-popover-content-box div:nth-of-type(3) vega-rich-text-editor-toolbar-button >>> button');
       await rightAlignBtn.click();
+      await page.waitForChanges();
       break;
     }
     case 'justified':
       await (await find(page, 'vega-popover-content-box div:nth-of-type(4) vega-rich-text-editor-toolbar-button >>> button')).click();
+      await page.waitForChanges();
       break;
   }
 };
@@ -106,6 +110,7 @@ export const changeIndent = async (page, style) => {
 export const clickClearBtn = async (page) => {
   const clearStyleButton = await find(page, 'vega-rich-text-editor >>> vega-rich-text-editor-toolbar-button >>> button');
   await clearStyleButton.click();
+  await page.waitForChanges();
 };
 /**
  * set RTE link

package/dist/collection/components/vega-sidenav/slimmers/controllers/vega-sidenav-backdrop-controller.js

@@ -58,10 +58,13 @@ export class VegaSidenavBackdropController extends VegaSlimmer {
    * Appends a backdrop element to the body of the document and sets its visibility based on a breakpoint.
    */
   append() {
+    // eslint-disable-next-line no-restricted-globals
     let backdrop = document.querySelector(`vega-backdrop.${VegaSidenavBackdropController.backdropClassName}`);
     if (!backdrop) {
+      // eslint-disable-next-line no-restricted-globals
       backdrop = document.createElement('vega-backdrop');
       backdrop.classList.add(VegaSidenavBackdropController.backdropClassName);
+      // eslint-disable-next-line no-restricted-globals
       document.querySelector('body').append(backdrop);
     }
     backdrop.visible = this.getBackdropVisibleByBreakpoint();

package/dist/collection/components/vega-sidenav/slimmers/controllers/vega-sidenav-open-status-controller.js

@@ -226,6 +226,7 @@ export class VegaSidenavOpenStatusController extends PageResizeObserverSlimmer {
    */
   updateOverflowAvailability() {
     var _a;
+    // eslint-disable-next-line no-restricted-globals
     const bodyElement = document.querySelector('body');
     if (!((_a = this.responsiveBehavior) === null || _a === void 0 ? void 0 : _a.canBeScrolled) && this.openState === 'open') {
       bodyElement.style['overflow'] = 'hidden';