@globalpayments/vega 2.68.1 → 2.69.1

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

@@ -25,6 +25,7 @@ import { VegaInputSelectSourceController } from './slimmers/controllers/vega-inp
 import { VegaInputSelectItemsSlotController } from './slimmers/controllers/vega-input-select-items-slot-controler';
 import { TranslationSlimmer } from '../../helpers/slimmers/translation';
 import { VegaInputSelectPrefixIconRenderer } from './slimmers/renderers/vega-input-select-prefix-icon-renderer';
+import { InputSelectValueInSourceRule } from '../../helpers/validator/rules/input-select-value-in-source-rule';
 /**
  * @vegaVersion 1.0.7
  */
@@ -45,6 +46,12 @@ export class VegaInputSelect {
           propertyName: 'required',
           ruleFactory: (isRequired) => (isRequired ? new RequiredFieldRule() : null),
         },
+        {
+          propertyName: 'data-source',
+          ruleFactory: () => {
+            return new InputSelectValueInSourceRule(() => this.source);
+          },
+        },
       ],
       validationRulesName: 'validationRules',
       defaultValue: (target) => (target.selectType === 'multiple' ? [] : ''),
@@ -189,6 +196,9 @@ export class VegaInputSelect {
   watchValidationRules() {
     methodPlaceholder();
   }
+  watchVegaDropdownProps() {
+    methodPlaceholder();
+  }
   componentWillLoad() {
     methodPlaceholder();
   }
@@ -556,7 +566,7 @@ export class VegaInputSelect {
       "mutable": false,
       "complexType": {
         "original": "VegaDropdownPropsForSelect",
-        "resolved": "{ size?: ResponsiveType<SizeType>; matchTargetWidth?: boolean; maxHeight?: number; positionRelativeTo?: string; searchable?: boolean; itemDisplayRule?: \"ellipsis\" | \"newline\"; matchContainerHeight?: boolean; caseSensitive?: boolean; useDefaultFilter?: boolean; searchTriggerBy?: VegaDropdownSearchTriggerByType; isScreenPosition?: boolean; resettable?: boolean; }",
+        "resolved": "{ size?: ResponsiveType<SizeType>; matchTargetWidth?: boolean; maxHeight?: number; positionRelativeTo?: string; searchable?: boolean; itemDisplayRule?: \"ellipsis\" | \"newline\"; matchContainerHeight?: boolean; caseSensitive?: boolean; useDefaultFilter?: boolean; searchTriggerBy?: VegaDropdownSearchTriggerByType; isScreenPosition?: boolean; resettable?: boolean; preserveValueIfNotInSource?: boolean; }",
         "references": {
           "VegaDropdownPropsForSelect": {
             "location": "import",
@@ -935,6 +945,9 @@ export class VegaInputSelect {
     }, {
       "propName": "validationRules",
       "methodName": "watchValidationRules"
+    }, {
+      "propName": "vegaDropdownProps",
+      "methodName": "watchVegaDropdownProps"
     }]; }
 }
 __decorate([

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

@@ -92,7 +92,9 @@ export class VegaRTEExtensionRenderer extends VegaRTEBaseRenderer {
    * @param {RTEBlock | RTENode} renderData - The data to register with the element.
    */
   fallbackRegisterRef(element, renderData) {
-    if (!renderData[VegaRTEExtensionRenderer.REGISTER_REF_FLAG] && element['$attrs$']) {
+    if (!renderData[VegaRTEExtensionRenderer.REGISTER_REF_FLAG] &&
+      element['$attrs$'] &&
+      !element['$attrs$']['ref']) {
       // eslint-disable-next-line jsdoc/require-jsdoc
       element['$attrs$']['ref'] = this.useRef(renderData);
     }

package/dist/collection/components/vega-rich-text-editor/extensions/functions/renderers/function-toolbar-button-renderer.js

@@ -32,13 +32,16 @@ export class FunctionToolbarButtonRenderer extends VegaRTEToolbarButtonRenderer
    * @returns {boolean} - true if the button should be disabled, false otherwise.
    */
   isDisabled() {
-    const { host, getSelectedNodes } = this.extensionContext;
-    const focusNode = getSelectedNodes()[0];
-    let enableInsert = true;
-    if (focusNode) {
-      enableInsert = ActionHandleStrategyRegistry.canHandle(INSERT_FUNCTION_BLOCK, focusNode.parent);
+    if (this.extensionContext) {
+      const { host, getSelectedNodes } = this.extensionContext;
+      const focusNode = getSelectedNodes()[0];
+      let enableInsert = true;
+      if (focusNode) {
+        enableInsert = ActionHandleStrategyRegistry.canHandle(INSERT_FUNCTION_BLOCK, focusNode.parent);
+      }
+      return host.disabled || !enableInsert;
     }
-    return host.disabled || !enableInsert;
+    return false;
   }
   /* istanbul ignore next */
   // eslint-disable-next-line jsdoc/require-jsdoc

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

@@ -164,6 +164,7 @@ export class WrittenModeSvgController extends VegaSlimmer {
    */
   generateSignatureImage() {
     const serializer = new XMLSerializer();
+    // TODO: Adding the SVG attribute will cause changes to the generated base64 value, leading to problems. https://gethired.atlassian.net/browse/VD-7854
     const svgData = serializer.serializeToString(this.signatureContainerRef);
     const base64Svg = btoa(unescape(encodeURIComponent(svgData)));
     return `data:image/svg+xml;base64,${base64Svg}`;

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

@@ -57,6 +57,7 @@ export class WrittenModeRenderer extends VegaSlimmer {
    * When the clear button is displayed, since the error message and the clear button are in the same line, this element is displayed.
    */
   renderSignaturePad() {
+    // TODO: Adding the SVG attribute will cause changes to the generated base64 value, leading to problems. https://gethired.atlassian.net/browse/VD-7854
     return (h("svg", { width: "100%", height: formatAndValidResponsiveToken(this.height, 'widthAndHeight'), "touch-action": "none", ref: (ref) => this.writtenModeSvgController.setSignatureContainerRef(ref) }));
   }
   renderFooter() {

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

@@ -87,7 +87,7 @@ export class VegaTabGroup {
     /**
      * Specifies the overflow navigation for many tab items within the tab group.
      *
-     * @vegaVersion __VERSION__
+     * @vegaVersion 2.49.0
      */
     this.overflow = 'menu';
   }
@@ -316,7 +316,7 @@ export class VegaTabGroup {
       "docs": {
         "tags": [{
             "name": "vegaVersion",
-            "text": "__VERSION__"
+            "text": "2.49.0"
           }],
         "text": "Specifies the overflow navigation for many tab items within the tab group."
       },

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

@@ -90,7 +90,7 @@ export class VegaTextarea {
      * It provides essential information and functionality
      *  related to the suffix button's role and behavior.
      *
-     * @vegaVersion __VERSION__
+     * @vegaVersion 2.68.0
      */
     this.labelSuffixButtonConfig = null;
     /**
@@ -363,7 +363,7 @@ export class VegaTextarea {
       "docs": {
         "tags": [{
             "name": "vegaVersion",
-            "text": "__VERSION__"
+            "text": "2.68.0"
           }],
         "text": "Specifies the properties for the suffix button associated with the input.\n\nIt provides essential information and functionality\n related to the suffix button's role and behavior."
       },

package/dist/collection/global/icons/eye-slash.js

@@ -0,0 +1,3 @@
+export default {
+  icon: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path fill="currentColor" d="M38.8 5.1C28.4-3.1 13.3-1.2 5.1 9.2S-1.2 34.7 9.2 42.9l592 464c10.4 8.2 25.5 6.3 33.7-4.1s6.3-25.5-4.1-33.7L525.6 386.7c39.6-40.6 66.4-86.1 79.9-118.4c3.3-7.9 3.3-16.7 0-24.6c-14.9-35.7-46.2-87.7-93-131.1C465.5 68.8 400.8 32 320 32c-68.2 0-125 26.3-169.3 60.8L38.8 5.1zM223.1 149.5C248.6 126.2 282.7 112 320 112c79.5 0 144 64.5 144 144c0 24.9-6.3 48.3-17.4 68.7L408 294.5c8.4-19.3 10.6-41.4 4.8-63.3c-11.1-41.5-47.8-69.4-88.6-71.1c-5.8-.2-9.2 6.1-7.4 11.7c2.1 6.4 3.3 13.2 3.3 20.3c0 10.2-2.4 19.8-6.6 28.3l-90.3-70.8zM373 389.9c-16.4 6.5-34.3 10.1-53 10.1c-79.5 0-144-64.5-144-144c0-6.9 .5-13.6 1.4-20.2L83.1 161.5C60.3 191.2 44 220.8 34.5 243.7c-3.3 7.9-3.3 16.7 0 24.6c14.9 35.7 46.2 87.7 93 131.1C174.5 443.2 239.2 480 320 480c47.8 0 89.9-12.9 126.2-32.5L373 389.9z"/></svg>`,
+};

package/dist/collection/global/icons/eye.js

@@ -0,0 +1,3 @@
+export default {
+  icon: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path fill="currentColor" d="M288 32c-80.8 0-145.5 36.8-192.6 80.6C48.6 156 17.3 208 2.5 243.7c-3.3 7.9-3.3 16.7 0 24.6C17.3 304 48.6 356 95.4 399.4C142.5 443.2 207.2 480 288 480s145.5-36.8 192.6-80.6c46.8-43.5 78.1-95.4 93-131.1c3.3-7.9 3.3-16.7 0-24.6c-14.9-35.7-46.2-87.7-93-131.1C433.5 68.8 368.8 32 288 32zM144 256a144 144 0 1 1 288 0 144 144 0 1 1 -288 0zm144-64c0 35.3-28.7 64-64 64c-7.1 0-13.9-1.2-20.3-3.3c-5.5-1.8-11.9 1.6-11.7 7.4c.3 6.9 1.3 13.8 3.2 20.7c13.7 51.2 66.4 81.6 117.6 67.9s81.6-66.4 67.9-117.6c-11.1-41.5-47.8-69.4-88.6-71.1c-5.8-.2-9.2 6.1-7.4 11.7c2.1 6.4 3.3 13.2 3.3 20.3z"/></svg>`,
+};

package/dist/collection/helpers/csp/test/vega-nonce-manager.test.js

@@ -151,6 +151,17 @@ describe('VegaNonceManager', () => {
     head.insertBefore(style, null);
     expect(style.getAttribute('nonce')).toBeNull();
   });
+  it('patchHeadInsertBeforeWithNonceToStencil should set nonce if style innerHTML includes .hydrated', () => {
+    const style = document.createElement('style');
+    style.setAttribute('data-styles', '');
+    style.innerHTML = '{visibility:hidden}.hydrated{visibility:inherit}';
+    const head = document.head;
+    setVegaNonce('hydrated-nonce');
+    vegaNonceManager.patchHeadInsertBeforeWithNonceToStencil();
+    head.insertBefore(style, null);
+    expect(style.getAttribute('nonce')).toBe('hydrated-nonce');
+    setVegaNonce(undefined);
+  });
   it('patchHeadInsertBeforeWithNonceToStencil should not overwrite existing nonce', () => {
     const style = document.createElement('style');
     style.setAttribute('data-styles', '');

package/dist/collection/helpers/csp/vega-nonce-manager.js

@@ -67,11 +67,11 @@ export class VegaNonceManager {
       // If no nonce is set, use the original insertBefore
       if (!vegaNonceManager.nonce)
         return originalHeadInsertBefore.call(this, newElement, referenceElement);
-      // Check if the new element is a <style> tag injected by Stencil (with data-styles and vega- marker)
+      // Check if the new element is a <style> tag injected by Stencil (with data-styles and vega- marker or .hydrated)
       if (newElement.nodeType === Node.ELEMENT_NODE &&
         newElement instanceof HTMLStyleElement &&
         newElement.hasAttribute('data-styles') &&
-        newElement.innerHTML.includes('vega-') &&
+        (newElement.innerHTML.includes('vega-') || newElement.innerHTML.includes('.hydrated')) &&
         !newElement.hasAttribute('nonce')) {
         newElement.setAttribute('nonce', vegaNonceManager.nonce);
       }

package/dist/collection/helpers/translation/locales/en.js

@@ -18,6 +18,8 @@ export const staticTranslations = {
   'The end time should be later than start time': 'The end time should be later than start time',
   'Phone number is not valid': 'Phone number is not valid',
   'Phone number is valid but it belongs to country {0}, not country {1}': 'Phone number is valid but it belongs to country {0}, not country {1}',
+  'The value does not exist in the source': 'The value does not exist in the source',
+  'There are values that do not exist in the source': 'There are values that do not exist in the source',
   // Component internal text
   'Viewing': 'Viewing',
   'Show': 'Show',

package/dist/collection/helpers/translation/tests/internal-translation-controller.test.js

@@ -233,6 +233,8 @@ describe('VegaTranslationController', () => {
       'Saturday': 'Saturday',
       'am': 'am',
       'pm': 'pm',
+      'The value does not exist in the source': 'The value does not exist in the source',
+      'There are values that do not exist in the source': 'There are values that do not exist in the source',
     });
     /* eslint-enable @typescript-eslint/naming-convention,spellcheck/spell-checker */
   });

package/dist/collection/helpers/validator/rules/input-select-value-in-source-rule.js

@@ -0,0 +1,85 @@
+import { InternalFormFieldValidationRule } from './internal-form-field-validation-rule.abstract';
+/**
+ * A rule that checks if the value exists in the source or not
+ *
+ * @augments {InternalFormFieldValidationRule<SelectValueType<SelectType>>}
+ */
+export class InputSelectValueInSourceRule extends InternalFormFieldValidationRule {
+  /**
+   * It creates a new instance of the class with the given config.
+   *
+   * @param {() => SelectSourceItem[]} inputSelectSourceGetter - The input select source getter function
+   */
+  constructor(inputSelectSourceGetter) {
+    super();
+    this.inputSelectSourceGetter = inputSelectSourceGetter;
+    /**
+     * Generate an invalid result
+     *
+     * @param {string} message Error message
+     * @returns {EvaluateResultTranslation} invalid validation result
+     */
+    this.invalidResult = (message) => ({
+      isValid: false,
+      message,
+    });
+    /**
+     * Generate a valid result
+     *
+     * @returns {EvaluateResultTranslation} invalid validation result
+     */
+    this.validResult = () => ({
+      isValid: true,
+      message: '',
+    });
+  }
+  /**
+   * If the input is accepted and the status is not disabled and visible, then return true
+   *
+   * @param {unknown} input - The input to be evaluated.
+   * @param {FormFieldStatusMeta} [status] - FormFieldStatusMeta
+   * @returns {boolean} A boolean value.
+   */
+  canEvaluate(input, status) {
+    return status
+      ? this.isAcceptedInputType(input) && !status.disabled && status.visible
+      : this.isAcceptedInputType(input);
+  }
+  /**
+   * check if the value exists in the source
+   *
+   * @param {SelectValueType<SelectType>} input - The input to be evaluated.
+   * @returns {EvaluateResultTranslation} - The result of the evaluation.
+   */
+  evaluate(input) {
+    if (typeof input === 'string' &&
+      !this.inputSelectSourceGetter().find((item) => item.id === input)) {
+      return this.invalidResult(`The value does not exist in the source`);
+    }
+    else if (Array.isArray(input) &&
+      !input.every((value) => this.inputSelectSourceGetter().find((item) => item.id === value))) {
+      return this.invalidResult(`There are values that do not exist in the source`);
+    }
+    return this.validResult();
+  }
+  /**
+   * If the field is not disabled, visible, and has been touched or modified, then show the error
+   *
+   * @param {FormFieldStatusMeta} status - FormFieldStatusMeta
+   * @returns {boolean} A boolean value.
+   */
+  shouldShowError(status) {
+    return !status.disabled && status.visible && (status.touched || status.modified);
+  }
+  /**
+   * It returns true if the input is a string or an array of two strings, and each string is a valid string
+   *
+   * @param {unknown} input - The input value to be validated.
+   * @returns {boolean} A boolean value.
+   */
+  isAcceptedInputType(input) {
+    return ((typeof input === 'string' ||
+      (Array.isArray(input) && input.every((item) => typeof item === 'string'))) &&
+      input.length > 0);
+  }
+}

package/dist/collection/helpers/validator/test/rules/input-select-value-in-source-rule.test.js

@@ -0,0 +1,99 @@
+import { InputSelectValueInSourceRule } from '../../rules/input-select-value-in-source-rule';
+describe('inputSelectValueInSourceRule', () => {
+  test('return true if input can be evaluated', () => {
+    const rule = new InputSelectValueInSourceRule(() => [
+      { id: 'Maple', displayName: 'Maple' },
+      { id: 'Banana', displayName: 'Banana' },
+    ]);
+    expect(rule.canEvaluate('Maple')).toEqual(true);
+    expect(rule.canEvaluate('Maple', {
+      touched: true,
+      modified: true,
+      disabled: false,
+      visible: true,
+    })).toEqual(true);
+  });
+  test('return false if input can not be evaluated', () => {
+    const rule = new InputSelectValueInSourceRule(() => [
+      { id: 'Maple', displayName: 'Maple' },
+      { id: 'Banana', displayName: 'Banana' },
+    ]);
+    expect(rule.canEvaluate('')).toEqual(false);
+    expect(rule.canEvaluate(null)).toEqual(false);
+    expect(rule.canEvaluate(undefined)).toEqual(false);
+    expect(rule.canEvaluate([])).toEqual(false);
+    expect(rule.canEvaluate({})).toEqual(false);
+  });
+  test('return the valid evaluate result', () => {
+    const rule = new InputSelectValueInSourceRule(() => [
+      { id: 'Maple', displayName: 'Maple' },
+      { id: 'Banana', displayName: 'Banana' },
+    ]);
+    expect(rule.evaluate(['Maple', 'Banana'])).toEqual({
+      isValid: true,
+      message: ``,
+    });
+    expect(rule.evaluate(['Maple'])).toEqual({
+      isValid: true,
+      message: ``,
+    });
+    expect(rule.evaluate('Maple')).toEqual({
+      isValid: true,
+      message: ``,
+    });
+  });
+  test('return the invalid evaluate result as expected', () => {
+    const rule = new InputSelectValueInSourceRule(() => [
+      { id: 'Maple', displayName: 'Maple' },
+      { id: 'Banana', displayName: 'Banana' },
+    ]);
+    expect(rule.evaluate(['Map'])).toEqual({
+      isValid: false,
+      message: `There are values that do not exist in the source`,
+    });
+    expect(rule.evaluate(['Map', 'Banana'])).toEqual({
+      isValid: false,
+      message: `There are values that do not exist in the source`,
+    });
+    expect(rule.evaluate('Map')).toEqual({
+      isValid: false,
+      message: `The value does not exist in the source`,
+    });
+  });
+  test('should not show error message if status is disabled or invisible', () => {
+    const rule = new InputSelectValueInSourceRule(() => [
+      { id: 'Maple', displayName: 'Maple' },
+      { id: 'Banana', displayName: 'Banana' },
+    ]);
+    expect(rule.shouldShowError({
+      touched: true,
+      modified: true,
+      disabled: true,
+      visible: false,
+    })).toEqual(false);
+  });
+  test('should show error message if status is not disabled or invisible', () => {
+    const rule = new InputSelectValueInSourceRule(() => [
+      { id: 'Maple', displayName: 'Maple' },
+      { id: 'Banana', displayName: 'Banana' },
+    ]);
+    expect(rule.shouldShowError({
+      touched: true,
+      modified: true,
+      disabled: false,
+      visible: true,
+    })).toEqual(true);
+  });
+  test('should not show error message if status is not touched or not modified', () => {
+    const rule = new InputSelectValueInSourceRule(() => [
+      { id: 'Maple', displayName: 'Maple' },
+      { id: 'Banana', displayName: 'Banana' },
+    ]);
+    expect(rule.shouldShowError({
+      touched: false,
+      modified: false,
+      disabled: false,
+      visible: true,
+    })).toEqual(false);
+  });
+});

package/dist/esm/{app-globals-2f689986.js → app-globals-fd4b7d97.js}

@@ -1,18 +1,18 @@
 import { F as FeatureFlag } from './feature-flag-controller-51659753.js';
-import { V as VegaLoader, a as VegaNotify, b as VegaThemeManager, c as VegaDialog, d as VegaEventManager, e as VegaZIndexManager, f as VegaSkeletonLoader, g as VegaRTETokenExtension, h as VegaRTEFunctionExtension } from './function-extension-eb1d062f.js';
+import { V as VegaLoader, a as VegaNotify, b as VegaThemeManager, c as VegaDialog, d as VegaEventManager, e as VegaZIndexManager, f as VegaSkeletonLoader, g as VegaRTETokenExtension, h as VegaRTEFunctionExtension } from './function-extension-8d39db56.js';
 import { M as MapToComponentMethod, V as VegaSlimmer, s as setVegaLogLevel, G as GlobalSlimmersRegistry } from './global-slimmer-registry-17c4efd4.js';
 import { v as vegaEnvManager } from './vega-env-manager-8f8dc473.js';
 import { V as VegaIconManager } from './internal-icon-manager-f0486245.js';
 import './wait-for-vega-handler-c2c07ac3.js';
 import './ui-bb99c0c2.js';
-import { V as VegaInternalTranslation, a as VegaTranslation, s as staticTranslations } from './translation-f10b1e19.js';
-import { V as VegaRTEContent } from './dto-renderer-manager-7abc53bf.js';
-import { v as vegaNonceManager, s as setVegaNonce } from './vega-nonce-manager-87615d3c.js';
-import { V as VegaRTEPresetToolbarItems } from './code-block-e8839202.js';
+import { V as VegaInternalTranslation, a as VegaTranslation, s as staticTranslations } from './translation-96e5debd.js';
+import { V as VegaRTEContent } from './dto-renderer-manager-d862ae78.js';
+import { v as vegaNonceManager, s as setVegaNonce } from './vega-nonce-manager-497e5eb5.js';
+import { V as VegaRTEPresetToolbarItems } from './code-block-ecb4491b.js';
 import { T as TypographyUrls } from './typography-396de03f.js';
 import { V as ValidCreditCardNumberRule } from './valid-credit-card-number-rule-81443274.js';
 import { w as waitForVega } from './index-c943d263.js';
-import { V as VegaRTELanguageExtension } from './language-extension-3331131f.js';
+import { V as VegaRTELanguageExtension } from './language-extension-8f51f5ff.js';
 import { U as UPDATE_TRANSLATION } from './static-subject-title-52f93124.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
 import { O as Observer } from './observer-3959f9dd.js';
@@ -397,7 +397,7 @@ function injectVegaRichTextEditorClassIntoGlobal() {
  * Inject VegaPublicValidationRules to global as a public api
  */
 function injectVegaPublicValidationRules() {
-  void import('./public-rules-e613dead.js').then((module) => {
+  void import('./public-rules-d10e76f4.js').then((module) => {
     Object.entries(module).forEach(([name, value]) => {
       globalThis[name] = value;
     });

package/dist/esm/{code-block-e8839202.js → code-block-ecb4491b.js}

@@ -5,7 +5,7 @@ import { c as camelToDashCase } from './string-a953eafc.js';
 import { L as LogUtility } from './global-slimmer-registry-17c4efd4.js';
 import { i as isNonNullable } from './type-guard-12f7654b.js';
 import { g as generateUUID } from './create-public-api-runtime-metrics-slimmer-bedf3a1e.js';
-import { V as VegaInternalThemeManager } from './dark-mode-style-controller-b7e85b6a.js';
+import { V as VegaInternalThemeManager } from './dark-mode-style-controller-de88a117.js';
 import { c as cleanObject } from './object-66c37948.js';
 import { f as findParent } from './ui-bb99c0c2.js';
 

package/dist/esm/{component-global-style-slimmer-5d437fdf.js → component-global-style-slimmer-08046b38.js}

@@ -1,5 +1,5 @@
 import { c as MapToComponentField, M as MapToComponentMethod, V as VegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
-import { v as vegaNonceManager } from './vega-nonce-manager-87615d3c.js';
+import { v as vegaNonceManager } from './vega-nonce-manager-497e5eb5.js';
 
 var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;

package/dist/esm/{component-value-history-controller-slimmer.abstract-c6f94113.js → component-value-history-controller-slimmer.abstract-5d618b88.js}

@@ -1,12 +1,12 @@
 import { M as MapToComponentMethod, V as VegaSlimmer, L as LogUtility, c as MapToComponentField } from './global-slimmer-registry-17c4efd4.js';
-import { a0 as RTECodeBlockNode, b as RTETextNode, Z as ZERO_WIDTH_SPACE, _ as SelectionChangeAction, k as InternalAnnotationTypeEnum, s as stateEntityRenderingRegistry, f as RTEBlock, i as RTENode, z as RTEDecoratorNode, x as RTECodeBlock } from './code-block-e8839202.js';
+import { a0 as RTECodeBlockNode, b as RTETextNode, Z as ZERO_WIDTH_SPACE, _ as SelectionChangeAction, k as InternalAnnotationTypeEnum, s as stateEntityRenderingRegistry, f as RTEBlock, i as RTENode, z as RTEDecoratorNode, x as RTECodeBlock } from './code-block-ecb4491b.js';
 import { d as debounce } from './timer-9321173b.js';
 import { g as getActiveElement } from './component-7d906393.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
 import { d as domNodeSubjectFactory, D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-dca87b70.js';
 import { c as VegaInternalRichTextEditorSelectionRangeChange, a as VegaInternalUpdateRTECursorPosition } from './vega-internal-event-id-5c3e5f7f.js';
 import { O as Observer } from './observer-3959f9dd.js';
-import { R as RTERange } from './range-adf206fd.js';
+import { R as RTERange } from './range-f7b9e2fb.js';
 import { S as SynchronizeTaskQueue } from './synchronize-task-queue-ac8acc3b.js';
 import { i as isHTMLElement } from './ui-bb99c0c2.js';
 import { K as KeyboardManagerSlimmer } from './keyboard-manager-slimmer-f39214e4.js';

package/dist/esm/{dark-mode-style-controller-b7e85b6a.js → dark-mode-style-controller-de88a117.js}

@@ -2,7 +2,7 @@ import { D as DARK_MODE_CHANGE, G as GP_BRAND_CHANGE } from './static-subject-ti
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
 import { O as Observer } from './observer-3959f9dd.js';
 import { c as createCommonjsModule, a as commonjsGlobal } from './_commonjsHelpers-9943807e.js';
-import { v as vegaNonceManager } from './vega-nonce-manager-87615d3c.js';
+import { v as vegaNonceManager } from './vega-nonce-manager-497e5eb5.js';
 
 /* This file is generated by vega-design 2.0.80 */
 const DarkModeColorTokens$1 = {

package/dist/esm/{design-token-e9e6b011.js → design-token-2d77e8f5.js}

@@ -1,7 +1,7 @@
 import { j as isBorderColorTokenType, b as BorderColors, e as BorderColorMap, k as isShadowsTokenType, f as Shadows, g as ShadowMap, l as isBorderTokenType, m as Borders, n as BorderMap, o as isSpacingTokenType, p as isBorderRadiusTokenType, q as isBackgroundColorTokenType, r as isTextColorTokenType, s as isBreakpointsTokenType, h as Spacing, t as isBorderStyleType, B as BorderRadius, C as Colors, u as isTypographyTokenType } from './type-guard-12f7654b.js';
 import { B as Breakpoints } from './breakpoints-d9faf11c.js';
 import { L as LogUtility } from './global-slimmer-registry-17c4efd4.js';
-import { R as ResponsiveFormatFacade } from './responsive-format-facade-b0712993.js';
+import { R as ResponsiveFormatFacade } from './responsive-format-facade-267935ae.js';
 import { a as TypographyKeys } from './typography-396de03f.js';
 import { S as StateVariantFormatter, s as stateBackgroundColorFormatter } from './state-background-color-formatter-0f01d27a.js';
 import { a as BorderStyle } from './ui-8424715a.js';

package/dist/esm/{dto-renderer-manager-7abc53bf.js → dto-renderer-manager-d862ae78.js}

@@ -1,4 +1,4 @@
-import { d as ActionHandleStrategy, e as RTETextBlock, b as RTETextNode, h as AppendChildrenAction, A as ActionHandleStrategyRegistry, T as TextStyleAnnotationAction, B as BlockUpdateTextStyleStrategy, H as HorizontalAlignmentAnnotationAction, l as BlockUpdateHorizontalAlignmentStrategy, c as ModifyContentActionType, m as BlockInsertLineBreakStrategy, n as BlockInsertLineBreakWithBlocksStrategy, o as BlockSplitWithTextNodeStrategy, p as BlockReplaceNodesStrategy, q as BlockMergeNodesStrategy, I as InsertChildrenAfterAction, r as RemoveChildrenAction, S as SyncUpSelectionAction, j as InsertChildrenBeforeAction, t as BlockAnnotation, u as BlockAnnotationTypeEnum, f as RTEBlock, C as CustomStyleAnnotation, v as CustomClassAnnotation, w as CustomAttributeAnnotation, x as RTECodeBlock, s as stateEntityRenderingRegistry, N as NodeAnnotation, y as NodeAnnotationTypeEnum, z as RTEDecoratorNode, D as NodeTypeEnum, E as CommonAnnotation, F as AnnotationAction, G as ReplaceChildNodesAction, M as ModifyContentAction, J as SplitBlockWithNodeAction, K as BlockDeleteNodeContentStrategy, U as UpdateTextAction, L as RemoveChildrenStrategy, O as RTE_TEXT_COLORS, P as RTE_DEFAULT_TEXT_COLOR, R as RTEDTOClassManager } from './code-block-e8839202.js';
+import { d as ActionHandleStrategy, e as RTETextBlock, b as RTETextNode, h as AppendChildrenAction, A as ActionHandleStrategyRegistry, T as TextStyleAnnotationAction, B as BlockUpdateTextStyleStrategy, H as HorizontalAlignmentAnnotationAction, l as BlockUpdateHorizontalAlignmentStrategy, c as ModifyContentActionType, m as BlockInsertLineBreakStrategy, n as BlockInsertLineBreakWithBlocksStrategy, o as BlockSplitWithTextNodeStrategy, p as BlockReplaceNodesStrategy, q as BlockMergeNodesStrategy, I as InsertChildrenAfterAction, r as RemoveChildrenAction, S as SyncUpSelectionAction, j as InsertChildrenBeforeAction, t as BlockAnnotation, u as BlockAnnotationTypeEnum, f as RTEBlock, C as CustomStyleAnnotation, v as CustomClassAnnotation, w as CustomAttributeAnnotation, x as RTECodeBlock, s as stateEntityRenderingRegistry, N as NodeAnnotation, y as NodeAnnotationTypeEnum, z as RTEDecoratorNode, D as NodeTypeEnum, E as CommonAnnotation, F as AnnotationAction, G as ReplaceChildNodesAction, M as ModifyContentAction, J as SplitBlockWithNodeAction, K as BlockDeleteNodeContentStrategy, U as UpdateTextAction, L as RemoveChildrenStrategy, O as RTE_TEXT_COLORS, P as RTE_DEFAULT_TEXT_COLOR, R as RTEDTOClassManager } from './code-block-ecb4491b.js';
 import { g as generateUUID } from './create-public-api-runtime-metrics-slimmer-bedf3a1e.js';
 import { i as isNonNullable } from './type-guard-12f7654b.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';

package/dist/esm/{element-appender-slimmer-8dbc8387.js → element-appender-slimmer-6791c332.js}

@@ -1,11 +1,11 @@
 import { c as MapToComponentField, I as InjectVegaSlimmer, V as VegaSlimmer, L as LogUtility, M as MapToComponentMethod } from './global-slimmer-registry-17c4efd4.js';
 import { f as findParent, d as isElementVisible, b as isParent } from './ui-bb99c0c2.js';
-import { n as InternalVegaZIndexManager } from './function-extension-eb1d062f.js';
+import { n as InternalVegaZIndexManager } from './function-extension-8d39db56.js';
 import { c as createDynamicSlimmer } from './dynamic-slimmer-90b8af32.js';
 import { P as PageResizeObserverSlimmer } from './page-resize-observer-slimmer-0bf7fbf3.js';
 import { P as Placements, A as Alignments } from './ui-8424715a.js';
 import { E as isTranslocationType } from './type-guard-12f7654b.js';
-import { R as ResponsiveFormatFacade } from './responsive-format-facade-b0712993.js';
+import { R as ResponsiveFormatFacade } from './responsive-format-facade-267935ae.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
 import { S as SHADOW_ROOT_ELEMENT_SCROLLING } from './static-subject-title-52f93124.js';
 import { O as Observer } from './observer-3959f9dd.js';

package/dist/esm/{form-field-controller-slimmer-b23d9ff3.js → form-field-controller-slimmer-bf071b75.js}

@@ -8,7 +8,7 @@ import { i as isAsyncFunction, g as generateUUID } from './create-public-api-run
 import { c as createDynamicSlimmer } from './dynamic-slimmer-90b8af32.js';
 import { d as domNodeSubjectFactory, D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-dca87b70.js';
 import { f as VegaInternalFieldErrorStateChange, d as VegaInternalFormSubmit, g as VegaInternalValid } from './vega-internal-event-id-5c3e5f7f.js';
-import { V as VegaInternalTranslation } from './translation-f10b1e19.js';
+import { V as VegaInternalTranslation } from './translation-96e5debd.js';
 import { P as PageResizeObserverSlimmer } from './page-resize-observer-slimmer-0bf7fbf3.js';
 import { I as InternalFormFieldValidationRule } from './internal-form-field-validation-rule.abstract-f5b6bdbf.js';
 import { M as MutationObserverSlimmer } from './mutation-observer-slimmer-58ebc13c.js';

package/dist/esm/{function-extension-eb1d062f.js → function-extension-8d39db56.js}

@@ -3,11 +3,11 @@ import { a as arrayToClassString, g as getDeviceType, D as DeviceType } from './
 import { L as LogUtility, I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
 import { c as createDynamicSlimmer } from './dynamic-slimmer-90b8af32.js';
 import { P as PageResizeObserverSlimmer } from './page-resize-observer-slimmer-0bf7fbf3.js';
-import { V as VegaInternalThemeManager } from './dark-mode-style-controller-b7e85b6a.js';
+import { V as VegaInternalThemeManager } from './dark-mode-style-controller-de88a117.js';
 import { i as internalVegaEventManager } from './internal-vega-event-manager-516aa721.js';
 import { c as convertToNumber } from './number-4398f2e1.js';
-import { R as RTEDTORendererManager, a as RTEDTOActionStrategyManager, E as ElementToDTOClassStrategyManager, U as UpdateCursorPositionAction, b as ElementToDTOStrategy, h as htmlElementToAnnotationGenerator, c as RTEListItemBlock, V as VegaRTEContent, B as BlockToRTEBlockStrategyAbstract, I as InsertNewParagraphAction, d as RTEImageBlock } from './dto-renderer-manager-7abc53bf.js';
-import { s as stateEntityRenderingRegistry, A as ActionHandleStrategyRegistry, a as ActionHandlerInterceptorRegistry, R as RTEDTOClassManager, M as ModifyContentAction, b as RTETextNode, c as ModifyContentActionType, d as ActionHandleStrategy, e as RTETextBlock, f as RTEBlock, g as RTEAnnotationStyle, I as InsertChildrenAfterAction, h as AppendChildrenAction, i as RTENode, j as InsertChildrenBeforeAction, k as InternalAnnotationTypeEnum } from './code-block-e8839202.js';
+import { R as RTEDTORendererManager, a as RTEDTOActionStrategyManager, E as ElementToDTOClassStrategyManager, U as UpdateCursorPositionAction, b as ElementToDTOStrategy, h as htmlElementToAnnotationGenerator, c as RTEListItemBlock, V as VegaRTEContent, B as BlockToRTEBlockStrategyAbstract, I as InsertNewParagraphAction, d as RTEImageBlock } from './dto-renderer-manager-d862ae78.js';
+import { s as stateEntityRenderingRegistry, A as ActionHandleStrategyRegistry, a as ActionHandlerInterceptorRegistry, R as RTEDTOClassManager, M as ModifyContentAction, b as RTETextNode, c as ModifyContentActionType, d as ActionHandleStrategy, e as RTETextBlock, f as RTEBlock, g as RTEAnnotationStyle, I as InsertChildrenAfterAction, h as AppendChildrenAction, i as RTENode, j as InsertChildrenBeforeAction, k as InternalAnnotationTypeEnum } from './code-block-ecb4491b.js';
 import { a as VegaInternalIconManager } from './internal-icon-manager-f0486245.js';
 import { i as isNonNullable } from './type-guard-12f7654b.js';
 import { V as VegaRTEBaseRenderer } from './base-renderer-101f6d04.js';
@@ -1385,7 +1385,9 @@ class VegaRTEExtensionRenderer extends VegaRTEBaseRenderer {
    * @param {RTEBlock | RTENode} renderData - The data to register with the element.
    */
   fallbackRegisterRef(element, renderData) {
-    if (!renderData[VegaRTEExtensionRenderer.REGISTER_REF_FLAG] && element['$attrs$']) {
+    if (!renderData[VegaRTEExtensionRenderer.REGISTER_REF_FLAG] &&
+      element['$attrs$'] &&
+      !element['$attrs$']['ref']) {
       // eslint-disable-next-line jsdoc/require-jsdoc
       element['$attrs$']['ref'] = this.useRef(renderData);
     }
@@ -2437,13 +2439,16 @@ class FunctionToolbarButtonRenderer extends VegaRTEToolbarButtonRenderer {
    * @returns {boolean} - true if the button should be disabled, false otherwise.
    */
   isDisabled() {
-    const { host, getSelectedNodes } = this.extensionContext;
-    const focusNode = getSelectedNodes()[0];
-    let enableInsert = true;
-    if (focusNode) {
-      enableInsert = ActionHandleStrategyRegistry.canHandle(INSERT_FUNCTION_BLOCK, focusNode.parent);
+    if (this.extensionContext) {
+      const { host, getSelectedNodes } = this.extensionContext;
+      const focusNode = getSelectedNodes()[0];
+      let enableInsert = true;
+      if (focusNode) {
+        enableInsert = ActionHandleStrategyRegistry.canHandle(INSERT_FUNCTION_BLOCK, focusNode.parent);
+      }
+      return host.disabled || !enableInsert;
     }
-    return host.disabled || !enableInsert;
+    return false;
   }
   /* istanbul ignore next */
   // eslint-disable-next-line jsdoc/require-jsdoc

package/dist/esm/{image-annotation-action-7957653a.js → image-annotation-action-d0af138c.js}

@@ -1,10 +1,10 @@
 import { h } from './index-090d31ca.js';
 import { a as VegaInternalIconManager } from './internal-icon-manager-f0486245.js';
 import { c as MapToComponentField, V as VegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
-import { A as ActionHandleStrategyRegistry, O as RTE_TEXT_COLORS, b as RTETextNode, $ as TextColorAnnotationAction, y as NodeAnnotationTypeEnum, F as AnnotationAction } from './code-block-e8839202.js';
+import { A as ActionHandleStrategyRegistry, O as RTE_TEXT_COLORS, b as RTETextNode, $ as TextColorAnnotationAction, y as NodeAnnotationTypeEnum, F as AnnotationAction } from './code-block-ecb4491b.js';
 import { D as DomNodeSubjectObserverFactory, a as VegaClick, R as VegaPopoverShow, S as VegaPopoverHide, f as VegaChange } from './dom-node-subject-observer-factory-dca87b70.js';
-import { a as VegaDarkModeStyleController } from './dark-mode-style-controller-b7e85b6a.js';
-import { g as ImageAnnotation } from './dto-renderer-manager-7abc53bf.js';
+import { a as VegaDarkModeStyleController } from './dark-mode-style-controller-de88a117.js';
+import { g as ImageAnnotation } from './dto-renderer-manager-d862ae78.js';
 
 const text = {
   icon: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path fill="currentColor" d="M64 96v32c0 17.7-14.3 32-32 32s-32-14.3-32-32V80C0 53.5 21.5 32 48 32H224 400c26.5 0 48 21.5 48 48v48c0 17.7-14.3 32-32 32s-32-14.3-32-32V96H256l0 320h48c17.7 0 32 14.3 32 32s-14.3 32-32 32H144c-17.7 0-32-14.3-32-32s14.3-32 32-32h48l0-320H64z"/></svg>`,