@globalpayments/vega 2.35.0 → 2.37.0

package/dist/cjs/vega-left-nav_5.cjs.entry.js

@@ -13,20 +13,21 @@ const featureFlagController = require('./feature-flag-controller-7b22e598.js');
 const internalIconManager = require('./internal-icon-manager-5ccb9443.js');
 const internalVegaZIndexManager = require('./internal-vega-z-index-manager-f03ddb37.js');
 const breakpoints = require('./breakpoints-17d6c4c7.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-9c223f73.js');
-const domNodeSubjectFactory = require('./dom-node-subject-factory-3ec114b8.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-208a19e4.js');
+const domNodeSubjectFactory = require('./dom-node-subject-factory-ce1777a9.js');
 const componentGlobalStyleSlimmer = require('./component-global-style-slimmer-6749808c.js');
-const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-5f0eae19.js');
-const vegaInternalEventId = require('./vega-internal-event-id-85b68849.js');
-const subStateNotifySlimmer = require('./sub-state-notify-slimmer-c2e08e06.js');
+const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-80b3ac6c.js');
+const vegaInternalEventId = require('./vega-internal-event-id-b12071ea.js');
+const subStateNotifySlimmer = require('./sub-state-notify-slimmer-ae490543.js');
 const chevronUp = require('./chevron-up-21465cf7.js');
 const chevronDown = require('./chevron-down-9847bf78.js');
 const changeManager = require('./change-manager-a297e4d2.js');
-const staticSubjectTitle = require('./static-subject-title-d66b88fb.js');
+const staticSubjectTitle = require('./static-subject-title-c589a1bd.js');
+const observer = require('./observer-f49483e8.js');
 const ui = require('./ui-5fd9b267.js');
-const subStateObserverSlimmer = require('./sub-state-observer-slimmer-b97e46b5.js');
+const subStateObserverSlimmer = require('./sub-state-observer-slimmer-080731bc.js');
 const deprecatedPropertySlimmer = require('./deprecated-property-slimmer-fc729fd9.js');
-const designToken = require('./design-token-30c069c1.js');
+const designToken = require('./design-token-36eb5def.js');
 require('./index-8b247c17.js');
 require('./_commonjsHelpers-537d719a.js');
 require('./icon-manager-edc2400b.js');
@@ -35,12 +36,12 @@ require('./dynamic-slimmer-f31fdfd7.js');
 require('./number-4816603d.js');
 require('./ui-32e69595.js');
 require('./breakpoints-ebde4837.js');
-require('./internal-vega-event-manager-e5e4bcf4.js');
+require('./internal-vega-event-manager-981dfd1c.js');
 require('./object-bbd4ed7f.js');
 require('./type-guard-4ba85fdc.js');
 require('./regex-c1f70fd4.js');
 require('./typography-4560e7f1.js');
-require('./responsive-format-facade-4363a00d.js');
+require('./responsive-format-facade-a1983026.js');
 require('./pixel-98f2a10c.js');
 require('./state-background-color-formatter-e585a027.js');
 
@@ -758,7 +759,7 @@ class VegaNavObserverSlimmer extends globalSlimmerRegistry.VegaSlimmer {
    * The function creates an observer to observe the subject of LEFT_NAV_LINK_SELECTED_TOPIC.
    */
   componentWillLoad() {
-    this.observer = new domNodeSubjectFactory.Observer(this.isAcceptableNavListObserver.bind(this), this.observerListener.bind(this));
+    this.observer = new observer.Observer(this.isAcceptableNavListObserver.bind(this), this.observerListener.bind(this));
     changeManager.ChangeManager.register(staticSubjectTitle.LEFT_NAV_LINK_SELECTED_TOPIC, this.observer);
   }
   /**
@@ -831,7 +832,7 @@ class VegaLeftNavGroupSiblingObserverController extends globalSlimmerRegistry.Ve
     return this.parent;
   }
   addObserver() {
-    this.observer = new domNodeSubjectFactory.Observer(this.acceptHandler.bind(this), this.listenerCallback);
+    this.observer = new observer.Observer(this.acceptHandler.bind(this), this.listenerCallback);
     const parent = ui.findParent(this.host, 'vega-left-nav');
     if (parent) {
       this.parent = parent;
@@ -956,7 +957,7 @@ class VegaLeftNavLinkRenderer extends globalSlimmerRegistry.VegaSlimmer {
      */
     /* istanbul ignore next */
     this.handleClick = () => {
-      if (!this.selected) {
+      if (!this.selected && !this.customSelectionEnabled) {
         this.controller.setSelected(true);
       }
       this.menuClickEventEmitter.emit();
@@ -1010,6 +1011,9 @@ __decorate$6([
 __decorate$6([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaLeftNavLinkRenderer.prototype, "deprecatedPropertySlimmer", void 0);
+__decorate$6([
+  globalSlimmerRegistry.MapToComponentField()
+], VegaLeftNavLinkRenderer.prototype, "customSelectionEnabled", void 0);
 
 var __decorate$5 = (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;
@@ -1080,6 +1084,12 @@ const VegaLeftNavLink = class {
      */
     /* eslint-disable-next-line @stencil/strict-mutable */
     this.selected = false;
+    /**
+     * Specifies whether the link's selected state can be customized. When enabled, it prevents the default automatic selection on click, allowing users to manually control the link’s selection behavior.
+     *
+     * @vegaVersion 2.37.0
+     */
+    this.customSelectionEnabled = false;
   }
   render() {
     placeholder.slotPlaceholder(index.h("slot", null));

package/dist/cjs/vega-loader-wrapper_2.cjs.entry.js

@@ -7,7 +7,7 @@ const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-dcb32c24.js');
 const component = require('./component-73a88c4e.js');
 const ui = require('./ui-5fd9b267.js');
-const responsiveFormatFacade = require('./responsive-format-facade-4363a00d.js');
+const responsiveFormatFacade = require('./responsive-format-facade-a1983026.js');
 const breakpoints = require('./breakpoints-17d6c4c7.js');
 const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-bb1eaebe.js');
 require('./type-guard-4ba85fdc.js');

package/dist/cjs/vega-page-notification_2.cjs.entry.js

@@ -8,9 +8,10 @@ const component = require('./component-73a88c4e.js');
 const ui = require('./ui-5fd9b267.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-dcb32c24.js');
-const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-5f0eae19.js');
-const domNodeSubjectFactory = require('./dom-node-subject-factory-3ec114b8.js');
+const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-80b3ac6c.js');
+const domNodeSubjectFactory = require('./dom-node-subject-factory-ce1777a9.js');
 require('./change-manager-a297e4d2.js');
+require('./observer-f49483e8.js');
 
 const vegaPageNotificationCss = ":host{display:inline-block;box-sizing:border-box;border-radius:12px;max-width:480px;box-shadow:0 4px 8px rgba(2, 2, 15, 0.1), 0 12px 20px rgba(2, 2, 15, 0.15);animation:fade-in-right 300ms ease-in-out}:host(.mobile){width:100%;max-width:100%;animation:fade-in-up 300ms ease-in-out}:host(.vega-page-notification-fade-out){opacity:0;animation:fade-out 300ms ease-in-out}:host vega-icon{color:rgba(var(--v-text-page-notification-content, 32, 54, 69, 1))}:host .vega-page-notification-prefix{display:flex}:host(.mobile) .vega-page-notification-prefix{padding-top:4px}:host .vega-page-notification-content{flex:1 1 0%;overflow:auto}:host .vega-page-notification-close-btn{cursor:pointer;display:inline-flex;margin-top:4px}:host(.mobile) .vega-page-notification-close-btn{padding:2px}:host .vega-page-notification-actions-container{display:flex;align-items:flex-end;flex-wrap:wrap;gap:16px;justify-content:flex-end;margin-top:24px}:host(.mobile) .vega-page-notification-actions-container{margin-top:16px}:host .vega-page-notification-title{color:rgba(var(--v-text-page-notification-content, 32, 54, 69, 1));font-family:\"Inter\", sans-serif;font-size:20px;font-weight:700;line-height:28px;letter-spacing:0px}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-page-notification-title{font-family:\"Inter\", sans-serif;font-size:20px;font-weight:700;line-height:28px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-page-notification-title{font-family:\"Inter\", sans-serif;font-size:20px;font-weight:700;line-height:28px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-page-notification-title{font-family:\"Inter\", sans-serif;font-size:20px;font-weight:700;line-height:28px;letter-spacing:0px}}:host(.mobile) .vega-page-notification-title{font-family:\"Inter\", sans-serif;font-size:18px;font-weight:700;line-height:25px;letter-spacing:0px;overflow-wrap:break-word}@media screen and (min-width: 768px) and (max-width: 1023px){:host(.mobile) .vega-page-notification-title{font-family:\"Inter\", sans-serif;font-size:18px;font-weight:700;line-height:25px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host(.mobile) .vega-page-notification-title{font-family:\"Inter\", sans-serif;font-size:18px;font-weight:700;line-height:25px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host(.mobile) .vega-page-notification-title{font-family:\"Inter\", sans-serif;font-size:18px;font-weight:700;line-height:25px;letter-spacing:0px}}:host .vega-page-notification-message{color:rgba(var(--v-text-page-notification-content, 32, 54, 69, 1));font-family:\"Inter\", sans-serif;font-size:18px;font-weight:500;line-height:28px;letter-spacing:0px;overflow-wrap:break-word;margin-top:2px}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-page-notification-message{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-page-notification-message{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-page-notification-message{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}:host(.mobile) .vega-page-notification-message{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:20px;letter-spacing:0px}@media screen and (min-width: 768px) and (max-width: 1023px){:host(.mobile) .vega-page-notification-message{font-family:\"Inter\", sans-serif;font-size:12px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host(.mobile) .vega-page-notification-message{font-family:\"Inter\", sans-serif;font-size:12px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host(.mobile) .vega-page-notification-message{font-family:\"Inter\", sans-serif;font-size:12px;font-weight:400;line-height:18px;letter-spacing:0px}}:host .vega-page-notification-actions-container vega-button::part(button):hover,:host .vega-page-notification-actions-container vega-button::part(button){font-family:\"Inter\", sans-serif;font-size:18px;font-weight:700;line-height:24px;letter-spacing:0px;background-color:rgba(var(--v-bg-transparent, 0, 0, 0, 0));color:rgba(var(--v-text-page-notification-content, 32, 54, 69, 1));border:2px solid rgba(var(--v-text-page-notification-content, 32, 54, 69, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-page-notification-actions-container vega-button::part(button):hover,:host .vega-page-notification-actions-container vega-button::part(button){font-family:\"Inter\", sans-serif;font-size:16px;font-weight:700;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-page-notification-actions-container vega-button::part(button):hover,:host .vega-page-notification-actions-container vega-button::part(button){font-family:\"Inter\", sans-serif;font-size:16px;font-weight:700;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-page-notification-actions-container vega-button::part(button):hover,:host .vega-page-notification-actions-container vega-button::part(button){font-family:\"Inter\", sans-serif;font-size:16px;font-weight:700;line-height:24px;letter-spacing:0px}}:host(.success){background-color:rgba(var(--v-bg-status-success, 160, 233, 167, 1))}:host(.warning){background-color:rgba(var(--v-bg-status-warning, 255, 220, 131, 1))}:host(.error){background-color:rgba(var(--v-bg-status-error, 255, 110, 139, 1))}:host(.info){background-color:rgba(var(--v-bg-status-info, 205, 209, 211, 1))}.vega-page-notification-list{display:flex;flex-direction:column;align-items:flex-end;position:fixed}.vega-page-notification-list-topRight{top:24px;right:24px}.vega-page-notification-list-bottom{left:0px;right:0px;padding-left:16px;padding-right:16px;align-items:center;bottom:0px}@keyframes fade-in-right{from{opacity:0;transform:translateX(100%)}to{opacity:1;transform:none}}@keyframes fade-in-up{from{opacity:0;transform:translateY(100%)}to{opacity:1;transform:none}}@keyframes fade-out{from{opacity:1}to{opacity:0}}";
 

package/dist/cjs/vega-pagination.cjs.entry.js

@@ -5,23 +5,24 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-09acd3c9.js');
 const component = require('./component-73a88c4e.js');
 const number = require('./number-4816603d.js');
-const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-5f0eae19.js');
-const domNodeSubjectFactory = require('./dom-node-subject-factory-3ec114b8.js');
+const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-80b3ac6c.js');
+const domNodeSubjectFactory = require('./dom-node-subject-factory-ce1777a9.js');
 const ui = require('./ui-5fd9b267.js');
-const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-96c3c4ae.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-9c223f73.js');
+const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-af2addec.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-208a19e4.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-dcb32c24.js');
-const translationSlimmer = require('./translation-slimmer-ec76c5a2.js');
+const translationSlimmer = require('./translation-slimmer-510906bc.js');
 require('./change-manager-a297e4d2.js');
-require('./internal-vega-event-manager-e5e4bcf4.js');
+require('./observer-f49483e8.js');
+require('./internal-vega-event-manager-981dfd1c.js');
 require('./vega-env-manager-23b8b23c.js');
 require('./feature-flag-controller-7b22e598.js');
 require('./index-8b247c17.js');
 require('./_commonjsHelpers-537d719a.js');
 require('./dynamic-slimmer-f31fdfd7.js');
-require('./translation-b9be41e0.js');
-require('./static-subject-title-d66b88fb.js');
+require('./translation-6848c389.js');
+require('./static-subject-title-c589a1bd.js');
 require('./create-public-api-runtime-metrics-slimmer-54c3f73b.js');
 
 const VegaPaginationCurrentPageLabel = ({ pageSize, current, total, translationSlimmer, }) => {
@@ -67,7 +68,7 @@ const VegaPaginationGoTo = ({ onChange, pageCount, translationSlimmer, }) => {
         } }))));
 };
 
-const VegaPaginationPageSizeSelector = ({ pageSize, pageSizeSelectorOptions, onChange, translationSlimmer, }) => {
+const VegaPaginationPageSizeSelector = ({ pageSize, pageSizeSelectorOptions, dropdownProps, onChange, translationSlimmer, }) => {
   const mergedPageSizeOptions = pageSizeSelectorOptions.sort((a, b) => a - b);
   const handleChange = (input) => {
     // Because input-select use single mode, so the detail is always a string type
@@ -80,7 +81,7 @@ const VegaPaginationPageSizeSelector = ({ pageSize, pageSizeSelectorOptions, onC
       index.h("vega-input-select", { size: "small", source: mergedPageSizeOptions.map((option) => ({
           id: option.toString(),
           displayName: option.toString(),
-        })), value: pageSize.toString(), placeholder: "Page Size", vegaDropdownProps: { matchTargetWidth: false, searchable: false }, 
+        })), value: pageSize.toString(), placeholder: "Page Size", vegaDropdownProps: Object.assign({ matchTargetWidth: false, searchable: false }, dropdownProps), 
         /* eslint-disable-next-line react/jsx-no-bind */
         ref: (ref) => {
           domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, domNodeSubjectFactory.VegaChange, handleChange);
@@ -275,7 +276,7 @@ const VegaPagination = class {
           const pageSizeSelectorOptions = this.pageSizeSelectorOptions.includes(this.pageSize)
             ? this.pageSizeSelectorOptions
             : [...this.pageSizeSelectorOptions, this.pageSize];
-          return (index.h(VegaPaginationPageSizeSelector, { pageSize: this.pageSize, pageSizeSelectorOptions: pageSizeSelectorOptions, onChange: this.onPageSizeSelectorChange, translationSlimmer: this.translationSlimmer }));
+          return (index.h(VegaPaginationPageSizeSelector, { pageSize: this.pageSize, pageSizeSelectorOptions: pageSizeSelectorOptions, dropdownProps: this.dropdownProps, onChange: this.onPageSizeSelectorChange, translationSlimmer: this.translationSlimmer }));
         }
         case 'pageSelector':
           return (index.h(VegaPaginationPageSelector, { current: this.current, total: this.total, onChange: this.onPageSelectorChange, pageCount: this.pageCount }));

package/dist/cjs/vega-popover_2.cjs.entry.js

@@ -7,17 +7,18 @@ const component = require('./component-73a88c4e.js');
 const injectKeyboardManager = require('./inject-keyboard-manager-4a5c27a2.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-dcb32c24.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-9c223f73.js');
-const domNodeSubjectFactory = require('./dom-node-subject-factory-3ec114b8.js');
-const elementAppenderSlimmer = require('./element-appender-slimmer-700b7004.js');
-const remoteInvocationRegistry = require('./remote-invocation-registry-ff9af278.js');
-const vegaInternalEventId = require('./vega-internal-event-id-85b68849.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-208a19e4.js');
+const domNodeSubjectFactory = require('./dom-node-subject-factory-ce1777a9.js');
+const elementAppenderSlimmer = require('./element-appender-slimmer-c6e0f4ca.js');
+const remoteInvocationRegistry = require('./remote-invocation-registry-32aaf6c2.js');
+const vegaInternalEventId = require('./vega-internal-event-id-b12071ea.js');
 require('./keyboard-manager-2df53b2f.js');
 require('./ui-5fd9b267.js');
 require('./dynamic-slimmer-f31fdfd7.js');
 require('./change-manager-a297e4d2.js');
-require('./dom-node-subject-observer-factory-5f0eae19.js');
-require('./internal-vega-event-manager-e5e4bcf4.js');
+require('./dom-node-subject-observer-factory-80b3ac6c.js');
+require('./observer-f49483e8.js');
+require('./internal-vega-event-manager-981dfd1c.js');
 require('./internal-vega-z-index-manager-f03ddb37.js');
 require('./number-4816603d.js');
 require('./page-resize-observer-slimmer-bb1eaebe.js');
@@ -27,8 +28,9 @@ require('./breakpoints-ebde4837.js');
 require('./type-guard-4ba85fdc.js');
 require('./regex-c1f70fd4.js');
 require('./typography-4560e7f1.js');
-require('./responsive-format-facade-4363a00d.js');
+require('./responsive-format-facade-a1983026.js');
 require('./pixel-98f2a10c.js');
+require('./static-subject-title-c589a1bd.js');
 
 var __decorate$3 = (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/cjs/vega-progress-tracker.cjs.entry.js

@@ -3,19 +3,20 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-09acd3c9.js');
-const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-5f0eae19.js');
-const domNodeSubjectFactory = require('./dom-node-subject-factory-3ec114b8.js');
+const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-80b3ac6c.js');
+const domNodeSubjectFactory = require('./dom-node-subject-factory-ce1777a9.js');
 const accessibility = require('./accessibility-bfa227f6.js');
 const component = require('./component-73a88c4e.js');
 const number = require('./number-4816603d.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-dcb32c24.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-9c223f73.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-208a19e4.js');
 const deprecatedPropertySlimmer = require('./deprecated-property-slimmer-fc729fd9.js');
 require('./change-manager-a297e4d2.js');
+require('./observer-f49483e8.js');
 require('./ui-5fd9b267.js');
 require('./dynamic-slimmer-f31fdfd7.js');
-require('./internal-vega-event-manager-e5e4bcf4.js');
+require('./internal-vega-event-manager-981dfd1c.js');
 require('./object-bbd4ed7f.js');
 
 const VegaProgressTrackerRuntimeMetricsPayloadDefinition = [

package/dist/cjs/vega-radio_2.cjs.entry.js

@@ -6,27 +6,28 @@ const index = require('./index-09acd3c9.js');
 const accessibility = require('./accessibility-bfa227f6.js');
 const component = require('./component-73a88c4e.js');
 const changeManager = require('./change-manager-a297e4d2.js');
-const staticSubjectTitle = require('./static-subject-title-d66b88fb.js');
-const domNodeSubjectFactory = require('./dom-node-subject-factory-3ec114b8.js');
+const staticSubjectTitle = require('./static-subject-title-c589a1bd.js');
+const observer = require('./observer-f49483e8.js');
 const ui = require('./ui-5fd9b267.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-dcb32c24.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-9c223f73.js');
-const vegaInternalEventId = require('./vega-internal-event-id-85b68849.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-208a19e4.js');
+const domNodeSubjectFactory = require('./dom-node-subject-factory-ce1777a9.js');
+const vegaInternalEventId = require('./vega-internal-event-id-b12071ea.js');
 const requiredFieldRule = require('./required-field-rule-7f9945fa.js');
 const componentLoadRequired = require('./component-load-required-16d76afa.js');
-const formFieldControllerSlimmer = require('./form-field-controller-slimmer-dbb321ad.js');
-const childNodesNotifyObserverSlimmer = require('./child-nodes-notify-observer-slimmer-be92f366.js');
-const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-96c3c4ae.js');
+const formFieldControllerSlimmer = require('./form-field-controller-slimmer-0303f4a7.js');
+const childNodesNotifyObserverSlimmer = require('./child-nodes-notify-observer-slimmer-4e60a929.js');
+const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-af2addec.js');
 const keyboardManagerSlimmer = require('./keyboard-manager-slimmer-feba3a83.js');
 const mutationObserverSlimmer = require('./mutation-observer-slimmer-895b3d3e.js');
 const mutationObserverFilters = require('./mutation-observer-filters-e5a7f85a.js');
 require('./dynamic-slimmer-f31fdfd7.js');
-require('./dom-node-subject-observer-factory-5f0eae19.js');
-require('./internal-vega-event-manager-e5e4bcf4.js');
+require('./dom-node-subject-observer-factory-80b3ac6c.js');
+require('./internal-vega-event-manager-981dfd1c.js');
 require('./string-21427167.js');
 require('./create-public-api-runtime-metrics-slimmer-54c3f73b.js');
-require('./translation-b9be41e0.js');
+require('./translation-6848c389.js');
 require('./page-resize-observer-slimmer-bb1eaebe.js');
 require('./breakpoints-17d6c4c7.js');
 require('./ui-32e69595.js');
@@ -54,7 +55,7 @@ class VegaRadioShowErrorController extends globalSlimmerRegistry.VegaSlimmer {
     this.radioGroup =
       ui.findParent(this.host, 'vega-radio-group') || ui.findParent(this.host, 'vega-selection-tile-group');
     if (this.radioGroup) {
-      this.fieldErrorObserver = new domNodeSubjectFactory.Observer(this.canAcceptFieldErrorObserver.bind(this), this.fieldErrorObserverListener.bind(this));
+      this.fieldErrorObserver = new observer.Observer(this.canAcceptFieldErrorObserver.bind(this), this.fieldErrorObserverListener.bind(this));
       changeManager.ChangeManager.register(domNodeSubjectFactory.domNodeSubjectFactory.getSubject(this.radioGroup, vegaInternalEventId.VegaInternalFieldErrorStateChange), this.fieldErrorObserver);
     }
   }
@@ -99,7 +100,7 @@ __decorate$5([
   globalSlimmerRegistry.MapToComponentMethod('disconnectedCallback')
 ], VegaRadioShowErrorController.prototype, "disconnectedCallback", null);
 
-const vegaRadioCss = ":host{display:inline-block;box-sizing:border-box;height:24px}.vega-radio-container{position:relative;display:inline-flex;gap:8px;cursor:pointer}.vega-radio-container input{position:absolute;left:0px;top:0px;opacity:0}.vega-radio-icon{display:inline-block;box-sizing:border-box;border-style:solid;border-radius:9999px;position:relative;left:0px;flex-shrink:0;border:1px solid rgba(var(--v-border-input-field, 171, 198, 216, 1));background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1))}.vega-radio-icon:hover{border:1px solid rgba(var(--v-border-input-field-hover, 115, 160, 190, 1))}.vega-radio-container.default .vega-radio-icon{width:24px;height:24px;padding:5px}.vega-radio-container.small .vega-radio-icon{width:16px;height:16px;padding:4px}.vega-radio-checked:hover .vega-radio-circle{background-color:rgba(var(--v-bg-action-hover, 4, 112, 236, 1))}.vega-radio-container input[type=radio]:focus-visible+.vega-radio-icon{box-shadow:0 0 0 4px rgba(var(--v-ring-input-focus, 19, 98, 226, 0.25));border:1px solid rgba(var(--v-border-input-field-focus, 19, 98, 226, 1))}.vega-radio-container:not(.vega-radio-disabled):active .vega-radio-icon{border-width:1px;border-style:solid;border-color:rgba(var(--v-border-color-action-active, 29, 65, 195, 1))}.vega-radio-checked:active .vega-radio-circle{background-color:rgba(var(--v-bg-action-active, 29, 65, 195, 1))}.vega-radio-checked .vega-radio-circle{display:block;width:100%;height:100%;border-radius:9999px;background-color:rgba(var(--v-bg-action, 19, 98, 226, 1))}.vega-radio-disabled .vega-radio-icon{background-color:rgba(var(--v-bg-secondary, 245, 247, 247, 1));border:1px solid rgba(var(--v-border-input-field-disabled, 222, 225, 227, 1))}.vega-radio-disabled .vega-radio-circle{background-color:rgba(var(--v-bg-disabled, 176, 180, 181, 1))}.vega-radio-disabled:hover .vega-radio-circle{background-color:rgba(var(--v-bg-disabled, 176, 180, 181, 1))}.vega-radio-container .vega-radio-label{display:inline-block;color:rgba(var(--v-text-primary, 32, 54, 69, 1))}.vega-radio-container .vega-radio-label.vega-hidden{display:none}.vega-radio-container.default .vega-radio-label{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}@media screen and (min-width: 768px) and (max-width: 1023px){.vega-radio-container.default .vega-radio-label{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.vega-radio-container.default .vega-radio-label{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.vega-radio-container.default .vega-radio-label{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}.vega-radio-container.small .vega-radio-label{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px}@media screen and (min-width: 768px) and (max-width: 1023px){.vega-radio-container.small .vega-radio-label{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.vega-radio-container.small .vega-radio-label{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.vega-radio-container.small .vega-radio-label{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px}}.vega-radio-disabled .vega-radio-label{color:rgba(var(--v-text-disabled, 176, 180, 181, 1))}label{-webkit-tap-highlight-color:transparent}.vega-radio-container.error .vega-radio-icon{border:1px solid rgba(var(--v-border-input-field-danger, 230, 50, 87, 1))}.vega-radio-container.error:hover .vega-radio-icon{border:1px solid rgba(var(--v-border-input-field-danger-hover, 255, 87, 114, 1))}.vega-radio-container.error input[type=radio]:focus-visible+.vega-radio-icon{border:1px solid rgba(var(--v-border-input-field-danger-focus, 233, 71, 104, 1));box-shadow:0 0 0 4px rgba(var(--v-ring-input-danger-focus, 230, 50, 87, 0.25))}.vega-radio-container.error:active .vega-radio-icon{border:1px solid rgba(var(--v-border-input-field-danger-focus, 233, 71, 104, 1))}.vega-radio-checked.error .vega-radio-circle{background-color:rgba(var(--v-bg-danger, 189, 41, 71, 1))}.vega-radio-checked.error:hover .vega-radio-circle{background-color:rgba(var(--v-bg-danger-hover, 233, 71, 104, 1))}.vega-radio-checked.error:active .vega-radio-circle{background-color:rgba(var(--v-bg-danger-active, 230, 50, 87, 1))}";
+const vegaRadioCss = ":host{display:inline-block;box-sizing:border-box;height:24px}.vega-radio-container{position:relative;display:inline-flex;gap:8px;cursor:not-allowed}.vega-radio-container:not(.vega-radio-disabled){cursor:pointer}.vega-radio-container input{position:absolute;left:0px;top:0px;opacity:0}.vega-radio-icon{display:inline-block;box-sizing:border-box;border-style:solid;border-radius:9999px;position:relative;left:0px;flex-shrink:0;border:1px solid rgba(var(--v-border-input-field, 171, 198, 216, 1));background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1))}.vega-radio-icon:hover{border:1px solid rgba(var(--v-border-input-field-hover, 115, 160, 190, 1))}.vega-radio-container.default .vega-radio-icon{width:24px;height:24px;padding:5px}.vega-radio-container.small .vega-radio-icon{width:16px;height:16px;padding:4px}.vega-radio-checked:hover .vega-radio-circle{background-color:rgba(var(--v-bg-action-hover, 4, 112, 236, 1))}.vega-radio-container input[type=radio]:focus-visible+.vega-radio-icon{box-shadow:0 0 0 4px rgba(var(--v-ring-input-focus, 19, 98, 226, 0.25));border:1px solid rgba(var(--v-border-input-field-focus, 19, 98, 226, 1))}.vega-radio-container:not(.vega-radio-disabled):active .vega-radio-icon{border-width:1px;border-style:solid;border-color:rgba(var(--v-border-color-action-active, 29, 65, 195, 1))}.vega-radio-checked:active .vega-radio-circle{background-color:rgba(var(--v-bg-action-active, 29, 65, 195, 1))}.vega-radio-checked .vega-radio-circle{display:block;width:100%;height:100%;border-radius:9999px;background-color:rgba(var(--v-bg-action, 19, 98, 226, 1))}.vega-radio-disabled .vega-radio-icon{background-color:rgba(var(--v-bg-secondary, 245, 247, 247, 1));border:1px solid rgba(var(--v-border-input-field-disabled, 222, 225, 227, 1))}.vega-radio-disabled .vega-radio-circle{background-color:rgba(var(--v-bg-disabled, 176, 180, 181, 1))}.vega-radio-disabled:hover .vega-radio-circle{background-color:rgba(var(--v-bg-disabled, 176, 180, 181, 1))}.vega-radio-container .vega-radio-label{display:inline-block;color:rgba(var(--v-text-primary, 32, 54, 69, 1))}.vega-radio-container .vega-radio-label.vega-hidden{display:none}.vega-radio-container.default .vega-radio-label{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}@media screen and (min-width: 768px) and (max-width: 1023px){.vega-radio-container.default .vega-radio-label{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.vega-radio-container.default .vega-radio-label{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.vega-radio-container.default .vega-radio-label{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}.vega-radio-container.small .vega-radio-label{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px}@media screen and (min-width: 768px) and (max-width: 1023px){.vega-radio-container.small .vega-radio-label{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.vega-radio-container.small .vega-radio-label{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.vega-radio-container.small .vega-radio-label{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px}}.vega-radio-disabled .vega-radio-label{color:rgba(var(--v-text-disabled, 176, 180, 181, 1))}label{-webkit-tap-highlight-color:transparent}.vega-radio-container.error .vega-radio-icon{border:1px solid rgba(var(--v-border-input-field-danger, 230, 50, 87, 1))}.vega-radio-container.error:hover .vega-radio-icon{border:1px solid rgba(var(--v-border-input-field-danger-hover, 255, 87, 114, 1))}.vega-radio-container.error input[type=radio]:focus-visible+.vega-radio-icon{border:1px solid rgba(var(--v-border-input-field-danger-focus, 233, 71, 104, 1));box-shadow:0 0 0 4px rgba(var(--v-ring-input-danger-focus, 230, 50, 87, 0.25))}.vega-radio-container.error:active .vega-radio-icon{border:1px solid rgba(var(--v-border-input-field-danger-focus, 233, 71, 104, 1))}.vega-radio-checked.error .vega-radio-circle{background-color:rgba(var(--v-bg-danger, 189, 41, 71, 1))}.vega-radio-checked.error:hover .vega-radio-circle{background-color:rgba(var(--v-bg-danger-hover, 233, 71, 104, 1))}.vega-radio-checked.error:active .vega-radio-circle{background-color:rgba(var(--v-bg-danger-active, 230, 50, 87, 1))}";
 
 var __decorate$4 = (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;
@@ -253,7 +254,7 @@ const VegaRadio = class {
    */
   initAndRegisterGroupDisabledObserver() {
     if (ui.findParent(this.host, 'vega-radio-group')) {
-      this.groupDisabledObserver = new domNodeSubjectFactory.Observer(this.canAcceptGroupDisabledObserver.bind(this), this.groupDisabledObserverListener.bind(this));
+      this.groupDisabledObserver = new observer.Observer(this.canAcceptGroupDisabledObserver.bind(this), this.groupDisabledObserverListener.bind(this));
       changeManager.ChangeManager.register(staticSubjectTitle.RADIO_GROUP_DISABLED_CHANGE, this.groupDisabledObserver);
     }
   }

package/dist/cjs/vega-rich-text-content.cjs.entry.js

@@ -6,20 +6,22 @@ const index = require('./index-09acd3c9.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-dcb32c24.js');
 const component = require('./component-73a88c4e.js');
-const nodeAnnotation_abstract = require('./node-annotation.abstract-e5d3a859.js');
-const imageAnnotationAction = require('./image-annotation-action-d3e1699c.js');
-const listBlock = require('./list-block-91116257.js');
+const nodeAnnotation_abstract = require('./node-annotation.abstract-2c8373c1.js');
+const imageAnnotationAction = require('./image-annotation-action-8e622f61.js');
+const contentState = require('./content-state-9a9a4bd8.js');
 const typeGuard = require('./type-guard-4ba85fdc.js');
 const createPublicApiRuntimeMetricsSlimmer = require('./create-public-api-runtime-metrics-slimmer-54c3f73b.js');
 const accessibility = require('./accessibility-bfa227f6.js');
-const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-5f0eae19.js');
-const domNodeSubjectFactory = require('./dom-node-subject-factory-3ec114b8.js');
-const subStateObserverSlimmer = require('./sub-state-observer-slimmer-b97e46b5.js');
+const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-80b3ac6c.js');
+const domNodeSubjectFactory = require('./dom-node-subject-factory-ce1777a9.js');
+const subStateObserverSlimmer = require('./sub-state-observer-slimmer-080731bc.js');
 const ui = require('./ui-5fd9b267.js');
+const index$1 = require('./index-7c81de06.js');
 require('./_commonjsHelpers-537d719a.js');
-require('./static-subject-title-d66b88fb.js');
+require('./static-subject-title-c589a1bd.js');
 require('./change-manager-a297e4d2.js');
-require('./vega-internal-event-id-85b68849.js');
+require('./observer-f49483e8.js');
+require('./vega-internal-event-id-b12071ea.js');
 require('./internal-icon-manager-5ccb9443.js');
 require('./icon-manager-edc2400b.js');
 require('./breakpoints-ebde4837.js');
@@ -99,9 +101,9 @@ class RTETextNodeRenderer extends RTENodeRenderer {
   render(node) {
     const codeAnnotation = node.annotationMap.get(nodeAnnotation_abstract.NodeAnnotationTypeEnum.CODE);
     if (codeAnnotation === null || codeAnnotation === void 0 ? void 0 : codeAnnotation.code) {
-      return (index.h("code", { style: super.getStyles(node), class: super.getClasses(node), ref: (ref) => this.registerRef(ref, node) }, node.text || listBlock.ZERO_WIDTH_SPACE));
+      return (index.h("code", { style: super.getStyles(node), class: super.getClasses(node), ref: (ref) => this.registerRef(ref, node) }, node.text || contentState.ZERO_WIDTH_SPACE));
     }
-    return (index.h("span", { style: super.getStyles(node), class: super.getClasses(node), ref: (ref) => this.registerRef(ref, node) }, node.text || listBlock.ZERO_WIDTH_SPACE));
+    return (index.h("span", { style: super.getStyles(node), class: super.getClasses(node), ref: (ref) => this.registerRef(ref, node) }, node.text || contentState.ZERO_WIDTH_SPACE));
   }
   registerRef(ref, node) {
     super.registerRef(ref, node);
@@ -170,7 +172,7 @@ class RTEBlockTextNodesRenderer extends RTEBlockRenderer {
           const textChanged = text !== textFromNodes;
           const groupKey = createPublicApiRuntimeMetricsSlimmer.generateUUID();
           linkNodes.forEach((node) => {
-            const linkAnnotationAction = new listBlock.LinkAnnotationAction({
+            const linkAnnotationAction = new contentState.LinkAnnotationAction({
               link: { href: url, groupKey: groupKey },
               newText: textChanged ? text : undefined,
               needMergeNode: textChanged && linkNodes.length > 1,
@@ -211,7 +213,7 @@ class RTEBlockTextNodesRenderer extends RTEBlockRenderer {
 
 class RTETextBlockRenderer extends RTEBlockTextNodesRenderer {
   canHandle(block) {
-    return block instanceof listBlock.RTETextBlock;
+    return block instanceof contentState.RTETextBlock;
   }
   render(block, renderContext) {
     const BlockTag = this.getBlockTagByType(block.type);
@@ -266,7 +268,7 @@ class RTEImageNodeRenderer extends RTENodeRenderer {
   }
   render(node, renderContext) {
     const imageAnnotation = node.getAnnotationByType(nodeAnnotation_abstract.NodeAnnotationTypeEnum.IMAGE);
-    const { size, alt } = imageAnnotation || new listBlock.ImageAnnotation('md', '');
+    const { size, alt } = imageAnnotation || new contentState.ImageAnnotation('md', '');
     return renderContext.editable ? (index.h("vega-rich-text-image-editor", { style: super.getStyles(node), size: size, alt: alt, ref: (ref) => {
         domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, domNodeSubjectFactory.VegaChange, (e) => this.handleChange(e, node));
       } }, this.renderImage(alt, node, renderContext))) : (this.renderImage(alt, node, renderContext));
@@ -279,7 +281,7 @@ const RTEImageNodeRenderer$1 = new RTEImageNodeRenderer();
 
 class RTEImageBlockRenderer extends RTEBlockRenderer {
   canHandle(block) {
-    return block instanceof listBlock.RTEImageBlock;
+    return block instanceof contentState.RTEImageBlock;
   }
   render(block, renderContext) {
     return (index.h("div", { style: Object.assign({}, super.getStyles(block)), ref: (ref) => super.registerRef(ref, block), class: super.getClasses(block) }, block.nodes.map((node) => {
@@ -303,7 +305,7 @@ const RTEListItemBlockRenderer$1 = new RTEListItemBlockRenderer();
 
 class RTEListBlockRenderer extends RTEBlockRenderer {
   canHandle(block) {
-    return block instanceof listBlock.RTEListBlock;
+    return block instanceof contentState.RTEListBlock;
   }
   render(block, renderContext) {
     const BlockTag = block.type === 'number-list' ? 'ol' : 'ul';
@@ -328,6 +330,12 @@ class VegaRichTextContentRenderer extends globalSlimmerRegistry.VegaSlimmer {
     ];
     nodeAnnotation_abstract.VegaDarkModeStyleController.registerCustomDarkModeColor(imageAnnotationAction.TextColorToolbarButtonSlimmer.formatDarkModeColor());
   }
+  componentWillLoad() {
+    this.setRTEContent();
+  }
+  watchValueUpdate() {
+    this.setRTEContent();
+  }
   /**
    * Get the rich text content element
    *
@@ -339,6 +347,11 @@ class VegaRichTextContentRenderer extends globalSlimmerRegistry.VegaSlimmer {
   render() {
     return index.h(index.Host, null, this.renderRichTextContent());
   }
+  setRTEContent() {
+    if (this.content && !(this.content instanceof contentState.VegaRTEContent)) {
+      this.content = contentState.VegaRTEContent.fromJSON(this.content);
+    }
+  }
   renderRichTextContent() {
     const showPlaceholder = this.shouldShowPlaceholder();
     return (index.h("div", { ref: (el) => (this.richTextContentRef = el), class: { 'showPlaceholder': showPlaceholder, 'rich-text-content': true }, "data-placeholder": this.placeholder, contenteditable: this.contentEditable }, this.renderContent()));
@@ -381,6 +394,12 @@ __decorate$2([
 __decorate$2([
   globalSlimmerRegistry.MapToComponentField({ writable: true })
 ], VegaRichTextContentRenderer.prototype, "content", void 0);
+__decorate$2([
+  globalSlimmerRegistry.MapToComponentMethod('componentWillLoad')
+], VegaRichTextContentRenderer.prototype, "componentWillLoad", null);
+__decorate$2([
+  globalSlimmerRegistry.MapToComponentMethod('watchValueUpdate')
+], VegaRichTextContentRenderer.prototype, "watchValueUpdate", null);
 
 var __decorate$1 = (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;
@@ -445,6 +464,8 @@ const VegaRichTextContent = class {
      */
     this.contentEditable = false;
   }
+  watchValueUpdate() {
+  }
   /**
    * Invoke this method to focus on rich text content editable div
    *
@@ -454,13 +475,16 @@ const VegaRichTextContent = class {
     this.vegaRichTextContentRenderer.getRichTextContentRef().focus();
     const richTextEditorRef = ui.findParent(this.host, 'vega-rich-text-editor');
     if (richTextEditorRef) {
-      await listBlock.waitForComponentDidRender(richTextEditorRef);
+      await index$1.waitForComponentDidRender(richTextEditorRef);
     }
   }
   render() {
     return component.sanitizeVegaComponent(this.vegaRichTextContentRenderer.render(), this.host);
   }
   get host() { return index.getElement(this); }
+  static get watchers() { return {
+    "content": ["watchValueUpdate"]
+  }; }
 };
 __decorate([
   componentUsageRuntimeMetrics.InjectVegaGlobalSlimmer()