@globalpayments/vega 2.33.0 → 2.34.1

package/dist/cjs/vega-progress-tracker.cjs.entry.js

@@ -2,21 +2,18 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-09acd3c9.js');
-const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-2e41340d.js');
-const vegaEventId = require('./vega-event-id-81270f6a.js');
+const globalSlimmerRegistry = require('./global-slimmer-registry-dd2691b8.js');
+const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-093462f1.js');
 const accessibility = require('./accessibility-bfa227f6.js');
-const component = require('./component-73a88c4e.js');
+const component = require('./component-63af66ea.js');
 const number = require('./number-4816603d.js');
-const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
-const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-1ee24991.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-83278943.js');
-const deprecatedPropertySlimmer = require('./deprecated-property-slimmer-fc729fd9.js');
-require('./change-manager-a297e4d2.js');
-require('./observer-f49483e8.js');
-require('./ui-08f33116.js');
-require('./dynamic-slimmer-f31fdfd7.js');
-require('./internal-vega-event-manager-5fe83465.js');
+const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-019d3c00.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-a46bb411.js');
+const deprecatedPropertySlimmer = require('./deprecated-property-slimmer-f36e3779.js');
+require('./change-manager-bda1d107.js');
+require('./ui-b5906704.js');
+require('./dynamic-slimmer-dc30600a.js');
+require('./internal-vega-event-manager-d7643ec6.js');
 require('./object-bbd4ed7f.js');
 
 const VegaProgressTrackerRuntimeMetricsPayloadDefinition = [
@@ -66,11 +63,11 @@ var ProgressStepStatus;
 })(ProgressStepStatus || (ProgressStepStatus = {}));
 const VegaProgressTracker = class {
   constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.vegaCurrentStepUpdate = index.createEvent(this, "vegaCurrentStepUpdate", 7);
-    this.currentStepUpdate = index.createEvent(this, "currentStepUpdate", 7);
+    globalSlimmerRegistry.registerInstance(this, hostRef);
+    this.vegaCurrentStepUpdate = globalSlimmerRegistry.createEvent(this, "vegaCurrentStepUpdate", 7);
+    this.currentStepUpdate = globalSlimmerRegistry.createEvent(this, "currentStepUpdate", 7);
     this.globalSlimmers = {};
-    this.currentStepUpdateEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaProgressTracker, vegaEventId.VegaCurrentStepUpdate);
+    this.currentStepUpdateEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaProgressTracker, domNodeSubjectObserverFactory.VegaCurrentStepUpdate);
     this.deprecatedPropertySlimmer = deprecatedPropertySlimmer.createDeprecatedPropertySlimmer(VegaProgressTracker, 'completedSteps', 'completedStepArray', []);
     this.vegaComponentUsageRuntimeMetricsSlimmer = new componentUsageRuntimeMetrics.VegaComponentUsageRuntimeMetricsSlimmer(VegaProgressTrackerRuntimeMetricsPayloadDefinition);
     /**
@@ -143,17 +140,17 @@ const VegaProgressTracker = class {
       const index = Number(e.currentTarget.getAttribute('data-index'));
       await this.setCurrent(index);
     };
-    this.renderStepIcon = (index$1, progressStepStatus) => {
-      return (index.h("div", { class: "vega-progress-step-icon-container" }, index.h("div", { class: "vega-progress-step__icon" }, progressStepStatus == ProgressStepStatus.COMPLETE ? (index.h("vega-icon", { icon: "checkmark-rounded", size: "size-16" })) : (index.h("span", null, index$1 + 1)))));
+    this.renderStepIcon = (index, progressStepStatus) => {
+      return (globalSlimmerRegistry.h("div", { class: "vega-progress-step-icon-container" }, globalSlimmerRegistry.h("div", { class: "vega-progress-step__icon" }, progressStepStatus == ProgressStepStatus.COMPLETE ? (globalSlimmerRegistry.h("vega-icon", { icon: "checkmark-rounded", size: "size-16" })) : (globalSlimmerRegistry.h("span", null, index + 1)))));
     };
-    this.renderSteps = (subTitle, index$1) => {
-      const progressStepStatus = this.getStepState(index$1);
+    this.renderSteps = (subTitle, index) => {
+      const progressStepStatus = this.getStepState(index);
       const prevStepCompleteStatus = this.deprecatedPropertySlimmer
         .getValue()
-        .includes(this.steps[index$1 - 1]);
-      return (index.h("div", { role: !this.canClickStep ? null : 'button', class: `vega-progress-step ${progressStepStatus} ${index$1 === this.current ? 'current' : ''}`, "data-index": index$1, tabIndex: !this.canClickStep ? null : 0, onClick: !this.canClickStep ? null : this.onStepIconClick, onKeyDown: !this.canClickStep ? null : accessibility.createEnterKeyHandlerToTriggerClick(), "aria-label": subTitle }, index.h("div", { class: "vega-progress-step-icon-divider" }, index.h("div", { class: `vega-progress-step__divider left ${prevStepCompleteStatus ? 'background' : ''}` }), this.renderStepIcon(index$1, progressStepStatus), index.h("div", { class: `vega-progress-step__divider right ${this.deprecatedPropertySlimmer.getValue().includes(subTitle)
+        .includes(this.steps[index - 1]);
+      return (globalSlimmerRegistry.h("div", { role: !this.canClickStep ? null : 'button', class: `vega-progress-step ${progressStepStatus} ${index === this.current ? 'current' : ''}`, "data-index": index, tabIndex: !this.canClickStep ? null : 0, onClick: !this.canClickStep ? null : this.onStepIconClick, onKeyDown: !this.canClickStep ? null : accessibility.createEnterKeyHandlerToTriggerClick(), "aria-label": subTitle }, globalSlimmerRegistry.h("div", { class: "vega-progress-step-icon-divider" }, globalSlimmerRegistry.h("div", { class: `vega-progress-step__divider left ${prevStepCompleteStatus ? 'background' : ''}` }), this.renderStepIcon(index, progressStepStatus), globalSlimmerRegistry.h("div", { class: `vega-progress-step__divider right ${this.deprecatedPropertySlimmer.getValue().includes(subTitle)
           ? 'complete'
-          : 'default'}` })), index.h("div", { class: "vega-progress-step__title" }, subTitle)));
+          : 'default'}` })), globalSlimmerRegistry.h("div", { class: "vega-progress-step__title" }, subTitle)));
     };
     this.updateCurrent = (current, min, max) => {
       this.current = number.normalizeNumberByRanger(current, min, max);
@@ -215,21 +212,21 @@ const VegaProgressTracker = class {
     return this.current;
   }
   render() {
-    return component.sanitizeVegaComponent(index.h(index.Host, { class: `vega-progress-tracker ${this.direction}${!this.canClickStep ? ' click-step-disabled' : ''}` }, index.h("div", { class: "vega-progress-tracker__container" }, index.h("div", { class: "vega-progress-tracker__slot" }, this.steps.map((subTitle, index) => this.renderSteps(subTitle, index)))), index.h("div", { class: "vega-progress-tracker__box" }, index.h("vega-carousel", { showSlider: false, itemsPerPage: 1, canSwipe: this.canClickStep, ref: (el) => {
+    return component.sanitizeVegaComponent(globalSlimmerRegistry.h(globalSlimmerRegistry.Host, { class: `vega-progress-tracker ${this.direction}${!this.canClickStep ? ' click-step-disabled' : ''}` }, globalSlimmerRegistry.h("div", { class: "vega-progress-tracker__container" }, globalSlimmerRegistry.h("div", { class: "vega-progress-tracker__slot" }, this.steps.map((subTitle, index) => this.renderSteps(subTitle, index)))), globalSlimmerRegistry.h("div", { class: "vega-progress-tracker__box" }, globalSlimmerRegistry.h("vega-carousel", { showSlider: false, itemsPerPage: 1, canSwipe: this.canClickStep, ref: (el) => {
         /**
          * The below method is e2e-test covered in
          * @see{module:vega-progress-tracker-with-touch-event-mobile}
          */
         /* istanbul ignore next */
-        domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(el, vegaEventId.VegaPageUpdate, (input) => this.updateCurrent(input.detail - 1, 0, this.steps.length - 1));
+        domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(el, domNodeSubjectObserverFactory.VegaPageUpdate, (input) => this.updateCurrent(input.detail - 1, 0, this.steps.length - 1));
         return (this.carouselDom = el);
-      } }, this.steps.map((subTitle, index$1) => (index.h("div", { class: {
+      } }, this.steps.map((subTitle, index) => (globalSlimmerRegistry.h("div", { class: {
         subTitle: true,
-        completed: this.getStepState(index$1) === ProgressStepStatus.COMPLETE,
-        inProgress: this.current === index$1,
+        completed: this.getStepState(index) === ProgressStepStatus.COMPLETE,
+        inProgress: this.current === index,
       } }, subTitle)))))), this.host);
   }
-  get host() { return index.getElement(this); }
+  get host() { return globalSlimmerRegistry.getElement(this); }
   static get watchers() { return {
     "current": ["watchCurrentChange"],
     "steps": ["watchSteps"]

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

@@ -2,41 +2,40 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-09acd3c9.js');
+const globalSlimmerRegistry = require('./global-slimmer-registry-dd2691b8.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-471e1793.js');
-const observer = require('./observer-f49483e8.js');
-const ui = require('./ui-08f33116.js');
-const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
-const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-1ee24991.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-83278943.js');
-const vegaEventId = require('./vega-event-id-81270f6a.js');
-const vegaInternalEventId = require('./vega-internal-event-id-79be9bc5.js');
-const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-2e41340d.js');
-const requiredFieldRule = require('./required-field-rule-9a57b1a0.js');
+const component = require('./component-63af66ea.js');
+const changeManager = require('./change-manager-bda1d107.js');
+const staticSubjectTitle = require('./static-subject-title-d66b88fb.js');
+const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-093462f1.js');
+const ui = require('./ui-b5906704.js');
+const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-019d3c00.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-a46bb411.js');
+const vegaInternalEventId = require('./vega-internal-event-id-85b68849.js');
+const requiredFieldRule = require('./required-field-rule-7f9945fa.js');
 const componentLoadRequired = require('./component-load-required-16d76afa.js');
-const formFieldControllerSlimmer = require('./form-field-controller-slimmer-2a982ead.js');
-const childNodesNotifyObserverSlimmer = require('./child-nodes-notify-observer-slimmer-79f2f5a7.js');
-const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-f07a8fe9.js');
-const keyboardManagerSlimmer = require('./keyboard-manager-slimmer-8e2d4b5d.js');
-const mutationObserverSlimmer = require('./mutation-observer-slimmer-895b3d3e.js');
+const formFieldControllerSlimmer = require('./form-field-controller-slimmer-9aeabcdc.js');
+const childNodesNotifyObserverSlimmer = require('./child-nodes-notify-observer-slimmer-03a3f79e.js');
+const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-e1a6e5ad.js');
+const keyboardManagerSlimmer = require('./keyboard-manager-slimmer-9be2a880.js');
+const mutationObserverSlimmer = require('./mutation-observer-slimmer-98bbbdf0.js');
 const mutationObserverFilters = require('./mutation-observer-filters-e5a7f85a.js');
-require('./dynamic-slimmer-f31fdfd7.js');
-require('./internal-vega-event-manager-5fe83465.js');
+require('./dynamic-slimmer-dc30600a.js');
+require('./internal-vega-event-manager-d7643ec6.js');
 require('./string-21427167.js');
-require('./create-public-api-runtime-metrics-slimmer-5cc88124.js');
-require('./translation-42c1b2c8.js');
-require('./page-resize-observer-slimmer-a8cf1874.js');
-require('./breakpoints-7e2dff90.js');
+require('./create-public-api-runtime-metrics-slimmer-8c6a8fb7.js');
+require('./translation-f6b7ee84.js');
+require('./page-resize-observer-slimmer-e54fa9d4.js');
+require('./breakpoints-17d6c4c7.js');
 require('./ui-32e69595.js');
+require('./breakpoints-ebde4837.js');
 require('./array-5adef7b2.js');
 require('./number-4816603d.js');
 require('./vega-env-manager-23b8b23c.js');
-require('./feature-flag-controller-0d1015fa.js');
-require('./index-5792390b.js');
-require('./keyboard-manager-34b78600.js');
+require('./feature-flag-controller-e97b5f29.js');
+require('./index-8b247c17.js');
+require('./_commonjsHelpers-537d719a.js');
+require('./keyboard-manager-5afbc8f1.js');
 
 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;
@@ -53,7 +52,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 observer.Observer(this.canAcceptFieldErrorObserver.bind(this), this.fieldErrorObserverListener.bind(this));
+      this.fieldErrorObserver = new domNodeSubjectObserverFactory.Observer(this.canAcceptFieldErrorObserver.bind(this), this.fieldErrorObserverListener.bind(this));
       changeManager.ChangeManager.register(domNodeSubjectObserverFactory.domNodeSubjectFactory.getSubject(this.radioGroup, vegaInternalEventId.VegaInternalFieldErrorStateChange), this.fieldErrorObserver);
     }
   }
@@ -112,17 +111,17 @@ var __decorate$4 = (undefined && undefined.__decorate) || function (decorators,
 };
 const VegaRadio = class {
   constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.vegaFocus = index.createEvent(this, "vegaFocus", 7);
-    this.focus = index.createEvent(this, "focus", 7);
-    this.vegaBlur = index.createEvent(this, "vegaBlur", 7);
-    this.blur = index.createEvent(this, "blur", 7);
-    this.vegaChange = index.createEvent(this, "vegaChange", 7);
-    this.change = index.createEvent(this, "change", 7);
+    globalSlimmerRegistry.registerInstance(this, hostRef);
+    this.vegaFocus = globalSlimmerRegistry.createEvent(this, "vegaFocus", 7);
+    this.focus = globalSlimmerRegistry.createEvent(this, "focus", 7);
+    this.vegaBlur = globalSlimmerRegistry.createEvent(this, "vegaBlur", 7);
+    this.blur = globalSlimmerRegistry.createEvent(this, "blur", 7);
+    this.vegaChange = globalSlimmerRegistry.createEvent(this, "vegaChange", 7);
+    this.change = globalSlimmerRegistry.createEvent(this, "change", 7);
     this.globalSlimmers = {};
-    this.changeEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaRadio, vegaEventId.VegaChange);
-    this.focusEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaRadio, vegaEventId.VegaFocus);
-    this.blurEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaRadio, vegaEventId.VegaBlur);
+    this.changeEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaRadio, domNodeSubjectObserverFactory.VegaChange);
+    this.focusEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaRadio, domNodeSubjectObserverFactory.VegaFocus);
+    this.blurEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaRadio, domNodeSubjectObserverFactory.VegaBlur);
     this.vegaRadioShowErrorController = new VegaRadioShowErrorController();
     this.vegaComponentUsageRuntimeMetricsSlimmer = new componentUsageRuntimeMetrics.VegaComponentUsageRuntimeMetricsSlimmer();
     /**
@@ -212,15 +211,15 @@ const VegaRadio = class {
     this.initAndRegisterGroupDisabledObserver();
   }
   render() {
-    return component.sanitizeVegaComponent(index.h(index.Host, { class: {
+    return component.sanitizeVegaComponent(globalSlimmerRegistry.h(globalSlimmerRegistry.Host, { class: {
         'vega-flex-shrink-0 v-min-w-min': this.host.parentElement.nodeName == 'VEGA-RADIO-GROUP',
-      } }, index.h("label", { class: {
+      } }, globalSlimmerRegistry.h("label", { class: {
         'vega-radio-container': true,
         [this.size]: true,
         'vega-radio-checked': this.checked,
         'vega-radio-disabled': this.isDisabled(),
         'error': this.showError,
-      } }, index.h("input", { type: "radio", name: this.name, checked: this.checked, value: this.value, onFocus: this.handleFocus, onBlur: this.handleBlur, onClick: this.handleClick, onChange: this.updateValue, "aria-label": this.ariaLabel || 'No label defined', disabled: this.isDisabled(), tabIndex: this.isDisabled() ? -1 : 0, onKeyDown: accessibility.createEnterKeyHandlerToTriggerClick() }), index.h("span", { class: "vega-radio-icon" }, index.h("span", { class: "vega-radio-circle" })), index.h("div", { class: "vega-radio-label", ref: (ref) => (this.labelElement = ref) }, index.h("slot", null)))), this.host);
+      } }, globalSlimmerRegistry.h("input", { type: "radio", name: this.name, checked: this.checked, value: this.value, onFocus: this.handleFocus, onBlur: this.handleBlur, onClick: this.handleClick, onChange: this.updateValue, "aria-label": this.ariaLabel || 'No label defined', disabled: this.isDisabled(), tabIndex: this.isDisabled() ? -1 : 0, onKeyDown: accessibility.createEnterKeyHandlerToTriggerClick() }), globalSlimmerRegistry.h("span", { class: "vega-radio-icon" }, globalSlimmerRegistry.h("span", { class: "vega-radio-circle" })), globalSlimmerRegistry.h("div", { class: "vega-radio-label", ref: (ref) => (this.labelElement = ref) }, globalSlimmerRegistry.h("slot", null)))), this.host);
   }
   /**
    * indicating whether the component is disabled or not, single radio will take the self disabled value and the radio in group will take the self disabled and group disabled value
@@ -252,7 +251,7 @@ const VegaRadio = class {
    */
   initAndRegisterGroupDisabledObserver() {
     if (ui.findParent(this.host, 'vega-radio-group')) {
-      this.groupDisabledObserver = new observer.Observer(this.canAcceptGroupDisabledObserver.bind(this), this.groupDisabledObserverListener.bind(this));
+      this.groupDisabledObserver = new domNodeSubjectObserverFactory.Observer(this.canAcceptGroupDisabledObserver.bind(this), this.groupDisabledObserverListener.bind(this));
       changeManager.ChangeManager.register(staticSubjectTitle.RADIO_GROUP_DISABLED_CHANGE, this.groupDisabledObserver);
     }
   }
@@ -264,7 +263,7 @@ const VegaRadio = class {
       changeManager.ChangeManager.unregister(staticSubjectTitle.RADIO_GROUP_DISABLED_CHANGE, this.groupDisabledObserver);
     }
   }
-  get host() { return index.getElement(this); }
+  get host() { return globalSlimmerRegistry.getElement(this); }
   static get watchers() { return {
     "checked": ["watchCheckedChange"]
   }; }
@@ -541,9 +540,9 @@ var __decorate = (undefined && undefined.__decorate) || function (decorators, ta
 };
 const VegaRadioGroup = class {
   constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.vegaChange = index.createEvent(this, "vegaChange", 7);
-    this.change = index.createEvent(this, "change", 7);
+    globalSlimmerRegistry.registerInstance(this, hostRef);
+    this.vegaChange = globalSlimmerRegistry.createEvent(this, "vegaChange", 7);
+    this.change = globalSlimmerRegistry.createEvent(this, "change", 7);
     this.globalSlimmers = {};
     this.formFieldController = new formFieldControllerSlimmer.FormFieldControllerSlimmer({
       propertyRules: [
@@ -561,7 +560,7 @@ const VegaRadioGroup = class {
       validationRulesName: 'validationRules',
     });
     this.radioValueChangeObserver = new childNodesNotifyObserverSlimmer.ChildNodesNotifyObserverSlimmer(staticSubjectTitle.RADIO_VALUE_CHANGE, (payload) => this.childRadioValueChange(payload));
-    this.radioEventPrevent = new childNodesEventPreventSlimmer.ChildNodesEventPreventSlimmer([vegaEventId.VegaChange], () => this.vegaFlexElement);
+    this.radioEventPrevent = new childNodesEventPreventSlimmer.ChildNodesEventPreventSlimmer([domNodeSubjectObserverFactory.VegaChange], () => this.vegaFlexElement);
     this.slotMutationObserver = new mutationObserverSlimmer.MutationObserverSlimmer({
       options: { childList: true },
       mutationFilter: mutationObserverFilters.TagNameMutationFilter('VEGA-RADIO'),
@@ -573,7 +572,7 @@ const VegaRadioGroup = class {
       /* istanbul ignore next */
       () => this.radioItemsController.syncRadioArrayAndValue(),
     });
-    this.changeEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaRadioGroup, vegaEventId.VegaChange);
+    this.changeEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaRadioGroup, domNodeSubjectObserverFactory.VegaChange);
     this.keyboardController = new VegaRadioGroupKeyboardController();
     this.radioItemsController = new VegaRadioGroupRadioItemsController();
     this.valueController = new VegaRadioGroupValueController();
@@ -668,18 +667,18 @@ const VegaRadioGroup = class {
     }
   }
   render() {
-    return component.sanitizeVegaComponent(index.h(index.Host, { role: "radiogroup" }, this.renderLabelDom(), index.h("div", { class: "vega-radio-container", ref: (e) => (this.inputContainerRef = e) }, index.h("vega-flex", { ref: (el) => {
+    return component.sanitizeVegaComponent(globalSlimmerRegistry.h(globalSlimmerRegistry.Host, { role: "radiogroup" }, this.renderLabelDom(), globalSlimmerRegistry.h("div", { class: "vega-radio-container", ref: (e) => (this.inputContainerRef = e) }, globalSlimmerRegistry.h("vega-flex", { ref: (el) => {
         this.vegaFlexElement = el;
-      } }, index.h("slot", null))), this.renderHintDom()), this.host);
+      } }, globalSlimmerRegistry.h("slot", null))), this.renderHintDom()), this.host);
   }
   renderLabelDom() {
-    return (this.label && (index.h("div", { class: "vega-label" }, index.h("label", { "aria-label": this.label }, this.label, this.renderRequireDom()))));
+    return (this.label && (globalSlimmerRegistry.h("div", { class: "vega-label" }, globalSlimmerRegistry.h("label", { "aria-label": this.label }, this.label, this.renderRequireDom()))));
   }
   renderRequireDom() {
-    return this.required ? index.h("span", { class: "vega-require" }, "*") : null;
+    return this.required ? globalSlimmerRegistry.h("span", { class: "vega-require" }, "*") : null;
   }
   renderHintDom() {
-    return (this.hint && (index.h("div", { class: "vega-hint" }, index.h("label", null, this.hint))));
+    return (this.hint && (globalSlimmerRegistry.h("div", { class: "vega-hint" }, globalSlimmerRegistry.h("label", null, this.hint))));
   }
   setVegaFlexProperty() {
     if (this.vegaFlexProp) {
@@ -695,7 +694,7 @@ const VegaRadioGroup = class {
   notifyGroupDisabledChange() {
     changeManager.ChangeManager.notify(staticSubjectTitle.RADIO_GROUP_DISABLED_CHANGE, { host: this.host });
   }
-  get host() { return index.getElement(this); }
+  get host() { return globalSlimmerRegistry.getElement(this); }
   static get watchers() { return {
     "value": ["watchValue"],
     "name": ["watchName"],

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

@@ -0,0 +1,179 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const globalSlimmerRegistry = require('./global-slimmer-registry-dd2691b8.js');
+const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-019d3c00.js');
+const component = require('./component-63af66ea.js');
+const node_abstract = require('./node.abstract-f8075f84.js');
+const textColorToolbarButtonSlimmer = require('./text-color-toolbar-button-slimmer-21a166e4.js');
+const subStateObserverSlimmer = require('./sub-state-observer-slimmer-10c0d402.js');
+const ui = require('./ui-b5906704.js');
+const textNode = require('./text-node-494856f3.js');
+require('./_commonjsHelpers-537d719a.js');
+require('./static-subject-title-d66b88fb.js');
+require('./change-manager-bda1d107.js');
+require('./dom-node-subject-observer-factory-093462f1.js');
+require('./create-public-api-runtime-metrics-slimmer-8c6a8fb7.js');
+require('./dynamic-slimmer-dc30600a.js');
+require('./vega-internal-event-id-85b68849.js');
+require('./internal-icon-manager-2282a62f.js');
+require('./icon-manager-36dcfb65.js');
+require('./type-guard-4ba85fdc.js');
+require('./breakpoints-ebde4837.js');
+require('./ui-32e69595.js');
+require('./regex-c1f70fd4.js');
+require('./typography-4560e7f1.js');
+require('./accessibility-bfa227f6.js');
+
+var __decorate$2 = (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;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+class VegaRichTextContentRenderer extends globalSlimmerRegistry.VegaSlimmer {
+  constructor() {
+    super();
+    node_abstract.VegaDarkModeStyleController.registerCustomDarkModeColor(textColorToolbarButtonSlimmer.TextColorToolbarButtonSlimmer.formatDarkModeColor());
+  }
+  /**
+   * Get the rich text content element
+   *
+   * @returns {Nullable<HTMLDivElement>} a div element
+   */
+  getRichTextContentRef() {
+    return this.richTextContentRef;
+  }
+  render() {
+    return globalSlimmerRegistry.h(globalSlimmerRegistry.Host, null, this.renderRichTextContent());
+  }
+  renderRichTextContent() {
+    const showPlaceholder = this.shouldShowPlaceholder();
+    return (globalSlimmerRegistry.h("div", { ref: (el) => (this.richTextContentRef = el), class: { 'showPlaceholder': showPlaceholder, 'rich-text-content': true }, "data-placeholder": this.placeholder, contenteditable: this.contentEditable }, this.renderContent()));
+  }
+  renderContent() {
+    var _a;
+    return (_a = this.content) === null || _a === void 0 ? void 0 : _a.blocks.map((block) => block.render({ editable: this.contentEditable }));
+  }
+  shouldShowPlaceholder() {
+    var _a;
+    const blocks = (_a = this.content) === null || _a === void 0 ? void 0 : _a.blocks;
+    if (blocks) {
+      if (blocks.length > 1) {
+        return false;
+      }
+      for (const block of blocks) {
+        if (block.isNotEmpty()) {
+          return false;
+        }
+      }
+    }
+    return true;
+  }
+}
+__decorate$2([
+  globalSlimmerRegistry.MapToComponentField()
+], VegaRichTextContentRenderer.prototype, "placeholder", void 0);
+__decorate$2([
+  globalSlimmerRegistry.MapToComponentField()
+], VegaRichTextContentRenderer.prototype, "contentEditable", void 0);
+__decorate$2([
+  globalSlimmerRegistry.MapToComponentField({ writable: true })
+], VegaRichTextContentRenderer.prototype, "content", void 0);
+
+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;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+/**
+ * Controller for the table row states
+ */
+class VegaRichTextContentStateController extends subStateObserverSlimmer.SubStateObserverSlimmer {
+  // eslint-disable-next-line jsdoc/require-jsdoc
+  constructor() {
+    super({
+      parent: 'vega-rich-text-editor',
+      subStates: [
+        {
+          subStateName: 'placeholder',
+          parentStateName: 'placeholder',
+        },
+        {
+          subStateName: 'contentEditable',
+          parentStateName: 'richTextContentEditable',
+        },
+      ],
+    });
+  }
+}
+__decorate$1([
+  globalSlimmerRegistry.MapToComponentField()
+], VegaRichTextContentStateController.prototype, "host", void 0);
+__decorate$1([
+  globalSlimmerRegistry.MapToComponentField({ writable: true })
+], VegaRichTextContentStateController.prototype, "placeholder", void 0);
+__decorate$1([
+  globalSlimmerRegistry.MapToComponentField({ writable: true })
+], VegaRichTextContentStateController.prototype, "contentEditable", void 0);
+
+const vegaRichTextContentCss = ":host{display:flex;flex-direction:column;width:100%}:host .rich-text-content{position:relative;height:100%;outline:2px solid transparent;outline-offset:2px;font-family:\"Inter\", sans-serif;font-weight:500;color:var(--v-rich-text-editor-black, #111128);overflow-wrap:break-word;white-space:pre-wrap}:host .rich-text-content.showPlaceholder::before{position:absolute;content:attr(data-placeholder);font-family:\"Inter\", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px;color:rgba(var(--v-text-input-placeholder, 176, 180, 181, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){:host .rich-text-content.showPlaceholder::before{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){:host .rich-text-content.showPlaceholder::before{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){:host .rich-text-content.showPlaceholder::before{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}:host .rich-text-content h1,:host .rich-text-content h2,:host .rich-text-content h3,:host .rich-text-content p{margin:0}:host .rich-text-content a.v-rte--link{color:rgba(var(--v-text-link, 19, 98, 226, 1));outline:none}:host .rich-text-content a.v-rte--link:visited{color:rgba(var(--v-text-link-visited, 95, 56, 206, 1))}:host .rich-text-content a.v-rte--link:hover{color:rgba(var(--v-text-link-hover, 4, 112, 236, 1))}:host .rich-text-content a.v-rte--link:active{color:rgba(var(--v-text-link-active, 29, 65, 195, 1))}:host .rich-text-content a.v-rte--link:focus-visible{color:rgba(var(--v-text-link-focus, 4, 112, 236, 1));outline:2px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));outline-offset:2px;border-radius:8px}:host .rich-text-content .v-rte--underline{text-decoration:underline}:host .rich-text-content .v-rte--strikethrough{text-decoration:line-through}:host .rich-text-content .v-rte--underline.v-rte--strikethrough{text-decoration:underline line-through}:host .rich-text-content .v-rte--horizontal-alignment-right{text-align:right}:host .rich-text-content .v-rte--horizontal-alignment-left{text-align:left}:host .rich-text-content .v-rte--horizontal-alignment-center{text-align:center}:host .rich-text-content .v-rte--horizontal-alignment-justify{text-align:justify}:host .rich-text-content .v-rte--code{font-family:\"Roboto Mono\";white-space:pre-wrap}:host .rich-text-content img{vertical-align:bottom;cursor:pointer}:host .rich-text-content ul{padding-left:8px;margin-left:16px}:host .rich-text-content ol{padding-left:8px;list-style-position:inside}:host .rich-text-content .link-editor-wrapper{position:relative;outline:2px solid transparent;outline-offset:2px}:host .rich-text-content .link-editor-wrapper vega-rich-text-link-editor{position:absolute;bottom:0;left:0;right:0}";
+
+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;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
+    r = Reflect.decorate(decorators, target, key, desc);
+  else
+    for (var i = decorators.length - 1; i >= 0; i--)
+      if (d = decorators[i])
+        r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+const VegaRichTextContent = class {
+  constructor(hostRef) {
+    globalSlimmerRegistry.registerInstance(this, hostRef);
+    this.globalSlimmers = {};
+    this.vegaComponentUsageRuntimeMetricsSlimmer = new componentUsageRuntimeMetrics.VegaComponentUsageRuntimeMetricsSlimmer();
+    this.vegaRichTextContentRenderer = new VegaRichTextContentRenderer();
+    this.vegaRichTextContentStateController = new VegaRichTextContentStateController();
+    /**
+     * Specifies whether the rich text content is editable.
+     *
+     * @vegaVersion 2.34.0
+     */
+    this.contentEditable = false;
+  }
+  /**
+   * Invoke this method to focus on rich text content editable div
+   *
+   * @vegaVersion 2.34.0
+   */
+  async vegaFocus() {
+    this.vegaRichTextContentRenderer.getRichTextContentRef().focus();
+    const richTextEditorRef = ui.findParent(this.host, 'vega-rich-text-editor');
+    if (richTextEditorRef) {
+      await textNode.waitForComponentDidRender(richTextEditorRef);
+    }
+  }
+  render() {
+    return component.sanitizeVegaComponent(this.vegaRichTextContentRenderer.render(), this.host);
+  }
+  get host() { return globalSlimmerRegistry.getElement(this); }
+};
+__decorate([
+  componentUsageRuntimeMetrics.InjectVegaGlobalSlimmer()
+], VegaRichTextContent.prototype, "globalSlimmers", void 0);
+__decorate([
+  globalSlimmerRegistry.InjectVegaSlimmer()
+], VegaRichTextContent.prototype, "vegaComponentUsageRuntimeMetricsSlimmer", void 0);
+__decorate([
+  globalSlimmerRegistry.InjectVegaSlimmer()
+], VegaRichTextContent.prototype, "vegaRichTextContentRenderer", void 0);
+__decorate([
+  globalSlimmerRegistry.InjectVegaSlimmer()
+], VegaRichTextContent.prototype, "vegaRichTextContentStateController", void 0);
+VegaRichTextContent.style = vegaRichTextContentCss;
+
+exports.vega_rich_text_content = VegaRichTextContent;