@heartlandone/vega 2.34.1 → 2.35.0-RTE-preview

package/dist/cjs/vega-field-label.cjs.entry.js

@@ -2,16 +2,18 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const globalSlimmerRegistry = require('./global-slimmer-registry-dd2691b8.js');
-const component = require('./component-63af66ea.js');
-const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-019d3c00.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-a46bb411.js');
-const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-093462f1.js');
+const index = require('./index-09acd3c9.js');
+const component = require('./component-73a88c4e.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 accessibility = require('./accessibility-bfa227f6.js');
-require('./dynamic-slimmer-dc30600a.js');
-require('./change-manager-bda1d107.js');
-require('./internal-vega-event-manager-d7643ec6.js');
-require('./ui-b5906704.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('./ui-5fd9b267.js');
 
 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;
@@ -41,7 +43,7 @@ class VegaFieldLabelSuffixElementRenderer extends globalSlimmerRegistry.VegaSlim
   render() {
     if (this.suffixButtonProps) {
       const { icon, tooltipText, trigger = 'hover' } = this.suffixButtonProps;
-      return (globalSlimmerRegistry.h("div", { class: "label-suffix-button", role: "button", tabIndex: 0, onClick: this.handleSuffixButtonClick, onKeyDown: accessibility.createEnterKeyHandlerToTriggerClick() }, tooltipText ? (globalSlimmerRegistry.h("vega-tooltip", { trigger: trigger, text: tooltipText }, this.renderSuffixButton(icon))) : (this.renderSuffixButton(icon))));
+      return (index.h("div", { class: "label-suffix-button", role: "button", tabIndex: 0, onClick: this.handleSuffixButtonClick, onKeyDown: accessibility.createEnterKeyHandlerToTriggerClick() }, tooltipText ? (index.h("vega-tooltip", { trigger: trigger, text: tooltipText }, this.renderSuffixButton(icon))) : (this.renderSuffixButton(icon))));
     }
   }
   /**
@@ -51,7 +53,7 @@ class VegaFieldLabelSuffixElementRenderer extends globalSlimmerRegistry.VegaSlim
    * @returns {HTMLElement} vega button circle component
    */
   renderSuffixButton(icon) {
-    return (globalSlimmerRegistry.h("vega-button-circle", { size: "extra-small", variant: "icon-only", iconColor: "text-link", showTooltip: false, icon: icon }));
+    return (index.h("vega-button-circle", { size: "extra-small", variant: "icon-only", iconColor: "text-link", showTooltip: false, icon: icon }));
   }
 }
 __decorate$1([
@@ -75,13 +77,13 @@ var __decorate = (undefined && undefined.__decorate) || function (decorators, ta
 };
 const VegaFieldLabel = class {
   constructor(hostRef) {
-    globalSlimmerRegistry.registerInstance(this, hostRef);
-    this.vegaClick = globalSlimmerRegistry.createEvent(this, "vegaClick", 7);
-    this.vegaLabelButtonClick = globalSlimmerRegistry.createEvent(this, "vegaLabelButtonClick", 1);
-    this.labelButtonClick = globalSlimmerRegistry.createEvent(this, "labelButtonClick", 1);
+    index.registerInstance(this, hostRef);
+    this.vegaClick = index.createEvent(this, "vegaClick", 7);
+    this.vegaLabelButtonClick = index.createEvent(this, "vegaLabelButtonClick", 1);
+    this.labelButtonClick = index.createEvent(this, "labelButtonClick", 1);
     this.globalSlimmers = {};
-    this.clickEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaFieldLabel, domNodeSubjectObserverFactory.VegaClick);
-    this.suffixButtonClickEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaFieldLabel, domNodeSubjectObserverFactory.VegaLabelButtonClick);
+    this.clickEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaFieldLabel, domNodeSubjectFactory.VegaClick);
+    this.suffixButtonClickEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaFieldLabel, domNodeSubjectFactory.VegaLabelButtonClick);
     this.vegaComponentUsageRuntimeMetricsSlimmer = new componentUsageRuntimeMetrics.VegaComponentUsageRuntimeMetricsSlimmer();
     this.suffixElementRenderer = new VegaFieldLabelSuffixElementRenderer();
     /**
@@ -133,15 +135,15 @@ const VegaFieldLabel = class {
     }
   }
   render() {
-    return component.sanitizeVegaComponent(globalSlimmerRegistry.h(globalSlimmerRegistry.Host, { class: {
+    return component.sanitizeVegaComponent(index.h(index.Host, { class: {
         hidden: this.label === '',
         disabled: this.disabled,
-      }, onClick: this.handleClick }, globalSlimmerRegistry.h("label", null, globalSlimmerRegistry.h("span", { class: "vega-field-label" }, this.label), globalSlimmerRegistry.h("span", { class: {
+      }, onClick: this.handleClick }, index.h("label", null, index.h("span", { class: "vega-field-label" }, this.label), index.h("span", { class: {
         'vega-field-label-required': true,
         'hidden': !this.isFieldRequired,
       } }, "*")), this.suffixElementRenderer.render()), this.host);
   }
-  get host() { return globalSlimmerRegistry.getElement(this); }
+  get host() { return index.getElement(this); }
 };
 __decorate([
   componentUsageRuntimeMetrics.InjectVegaGlobalSlimmer()

package/dist/cjs/vega-file-uploader.cjs.entry.js

@@ -2,32 +2,34 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const globalSlimmerRegistry = require('./global-slimmer-registry-dd2691b8.js');
-const component = require('./component-63af66ea.js');
-const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-019d3c00.js');
-const internalIconManager = require('./internal-icon-manager-2282a62f.js');
-const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-093462f1.js');
-const createPublicApiRuntimeMetricsSlimmer = require('./create-public-api-runtime-metrics-slimmer-8c6a8fb7.js');
+const index = require('./index-09acd3c9.js');
+const component = require('./component-73a88c4e.js');
+const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
+const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-dcb32c24.js');
+const internalIconManager = require('./internal-icon-manager-5ccb9443.js');
+const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-5f0eae19.js');
+const domNodeSubjectFactory = require('./dom-node-subject-factory-3ec114b8.js');
+const createPublicApiRuntimeMetricsSlimmer = require('./create-public-api-runtime-metrics-slimmer-54c3f73b.js');
 const accessibility = require('./accessibility-bfa227f6.js');
 const trashCan = require('./trash-can-46a5e19a.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-a46bb411.js');
-const changeManager = require('./change-manager-bda1d107.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-9c223f73.js');
+const changeManager = require('./change-manager-a297e4d2.js');
 const staticSubjectTitle = require('./static-subject-title-d66b88fb.js');
-const formFieldControllerSlimmer = require('./form-field-controller-slimmer-9aeabcdc.js');
+const formFieldControllerSlimmer = require('./form-field-controller-slimmer-7ef32059.js');
 const requiredFieldRule = require('./required-field-rule-7f9945fa.js');
-const translationSlimmer = require('./translation-slimmer-90f9f71f.js');
-require('./icon-manager-36dcfb65.js');
-require('./ui-b5906704.js');
-require('./dynamic-slimmer-dc30600a.js');
-require('./internal-vega-event-manager-d7643ec6.js');
+const translationSlimmer = require('./translation-slimmer-ec76c5a2.js');
+require('./icon-manager-edc2400b.js');
+require('./ui-5fd9b267.js');
+require('./dynamic-slimmer-f31fdfd7.js');
+require('./internal-vega-event-manager-e5e4bcf4.js');
 require('./string-21427167.js');
 require('./vega-internal-event-id-85b68849.js');
-require('./translation-f6b7ee84.js');
-require('./page-resize-observer-slimmer-e54fa9d4.js');
+require('./translation-b9be41e0.js');
+require('./page-resize-observer-slimmer-bb1eaebe.js');
 require('./breakpoints-17d6c4c7.js');
 require('./ui-32e69595.js');
 require('./breakpoints-ebde4837.js');
-require('./mutation-observer-slimmer-98bbbdf0.js');
+require('./mutation-observer-slimmer-895b3d3e.js');
 require('./mutation-observer-filters-e5a7f85a.js');
 require('./array-5adef7b2.js');
 require('./number-4816603d.js');
@@ -47,10 +49,10 @@ class VegaFileUploaderRenderer extends globalSlimmerRegistry.VegaSlimmer {
    * vegaFileUploaderContainerRenderer element, a vega-hint component (if hint is provided), and a vegaFileUploaderFileListRenderer element.
    */
   render() {
-    return (globalSlimmerRegistry.h(globalSlimmerRegistry.Fragment, null,
-      globalSlimmerRegistry.h("vega-field-label", { isFieldRequired: this.required, disabled: this.disabled, label: this.label }),
+    return (index.h(index.Fragment, null,
+      index.h("vega-field-label", { isFieldRequired: this.required, disabled: this.disabled, label: this.label }),
       this.vegaFileUploaderContainerRenderer.render(),
-      this.hint ? globalSlimmerRegistry.h("vega-hint", null, this.hint) : null,
+      this.hint ? index.h("vega-hint", null, this.hint) : null,
       this.vegaFileUploaderFileListRenderer.render()));
   }
 }
@@ -142,8 +144,8 @@ class VegaFileUploaderContainerRenderer extends globalSlimmerRegistry.VegaSlimme
    * @returns {HTMLElement} uploader component upload area element
    */
   render() {
-    return (globalSlimmerRegistry.h("div", { class: "vega-file-uploader-container", ref: (ref) => (this.uploaderContainerRef = ref) },
-      globalSlimmerRegistry.h("input", { onChange: this.inputChangeHandler, type: "file", multiple: true, accept: this.accept, style: { display: 'none' }, ref: (node) => (this.inputElementRef = node) }),
+    return (index.h("div", { class: "vega-file-uploader-container", ref: (ref) => (this.uploaderContainerRef = ref) },
+      index.h("input", { onChange: this.inputChangeHandler, type: "file", multiple: true, accept: this.accept, style: { display: 'none' }, ref: (node) => (this.inputElementRef = node) }),
       this.variant === 'uploadButton' ? this.renderUploadButton() : this.renderUploadDropArea()));
   }
   /**
@@ -152,8 +154,8 @@ class VegaFileUploaderContainerRenderer extends globalSlimmerRegistry.VegaSlimme
    * @returns {HTMLElement} html element
    */
   renderUploadButton() {
-    return (globalSlimmerRegistry.h("vega-button", { label: "Upload Document", icon: internalIconManager.VegaInternalIconManager.getIconKey('arrow-up-from-line'), variant: "secondary", size: "small", disabled: this.disabled, ref: (button) => {
-        domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(button, domNodeSubjectObserverFactory.VegaClick, this.triggerFileInputClick);
+    return (index.h("vega-button", { label: "Upload Document", icon: internalIconManager.VegaInternalIconManager.getIconKey('arrow-up-from-line'), variant: "secondary", size: "small", disabled: this.disabled, ref: (button) => {
+        domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(button, domNodeSubjectFactory.VegaClick, this.triggerFileInputClick);
       } }));
   }
   /**
@@ -162,13 +164,13 @@ class VegaFileUploaderContainerRenderer extends globalSlimmerRegistry.VegaSlimme
    * @returns {HTMLElement} html element
    */
   renderUploadDropArea() {
-    return (globalSlimmerRegistry.h("vega-box", { class: {
+    return (index.h("vega-box", { class: {
         'vega-file-upload-area': true,
         'disabled': this.disabled,
       }, padding: "size-24", border: "border-input-field", borderStyle: "dashed", backgroundColor: "bg-tertiary", corners: "rounded-8", tabIndex: 0, onDrop: this.dropHandler, onDragEnter: this.preventDefaultBehavior, onDragOver: this.preventDefaultBehavior, onClick: this.handleDropAreaClick, onKeyDown: accessibility.createEnterKeyHandlerToTriggerClick() },
-      globalSlimmerRegistry.h("vega-flex", { gap: "size-8", alignItems: "center", justifyContent: "center" },
-        globalSlimmerRegistry.h("vega-icon", { color: "text-link", icon: internalIconManager.VegaInternalIconManager.getIconKey('arrow-up-from-line') }),
-        globalSlimmerRegistry.h("vega-font", { color: "text-link", variant: "font-btn-label" }, this.translationSlimmer.t('Select or drop your file here')))));
+      index.h("vega-flex", { gap: "size-8", alignItems: "center", justifyContent: "center" },
+        index.h("vega-icon", { color: "text-link", icon: internalIconManager.VegaInternalIconManager.getIconKey('arrow-up-from-line') }),
+        index.h("vega-font", { color: "text-link", variant: "font-btn-label" }, this.translationSlimmer.t('Select or drop your file here')))));
   }
   /**
    * Used to prevent the default behavior of the browser when a drag event occurs, such as preventing the browser from opening the file when it is dropped onto the page.
@@ -292,33 +294,33 @@ class VegaFileUploaderFileListRenderer extends globalSlimmerRegistry.VegaSlimmer
    */
   render() {
     const isFileListEmpty = !this.value || this.value.length < 1;
-    return (globalSlimmerRegistry.h("div", { class: {
+    return (index.h("div", { class: {
         'vega-file-uploader-file-list': true,
         'vega-file-list-hidden': isFileListEmpty,
       } }, !isFileListEmpty &&
       this.value.map((file) => {
-        return (globalSlimmerRegistry.h("vega-box", { key: file.key, class: "vega-file-uploader-file", padding: "size-8", corners: "rounded-8" },
-          globalSlimmerRegistry.h("vega-flex", { alignItems: "start", justifyContent: "space-between" },
-            globalSlimmerRegistry.h("vega-flex", { class: "vega-file-status-and-name", gap: "size-8", alignItems: "start" },
-              globalSlimmerRegistry.h("div", { style: { paddingTop: '3px' } }, this.vegaFileUploaderFileStatusRenderer.render(file.status, file.uploadingPercent)),
-              globalSlimmerRegistry.h("vega-flex", { gap: "size-4", direction: "col" },
-                globalSlimmerRegistry.h("vega-font", { color: file.status === 'done' || file.status === 'error'
+        return (index.h("vega-box", { key: file.key, class: "vega-file-uploader-file", padding: "size-8", corners: "rounded-8" },
+          index.h("vega-flex", { alignItems: "start", justifyContent: "space-between" },
+            index.h("vega-flex", { class: "vega-file-status-and-name", gap: "size-8", alignItems: "start" },
+              index.h("div", { style: { paddingTop: '3px' } }, this.vegaFileUploaderFileStatusRenderer.render(file.status, file.uploadingPercent)),
+              index.h("vega-flex", { gap: "size-4", direction: "col" },
+                index.h("vega-font", { color: file.status === 'done' || file.status === 'error'
                     ? 'text-primary'
                     : 'text-secondary', variant: "font-field-label" }, file.name),
-                file.status === 'error' && file.errorMessage && (globalSlimmerRegistry.h("vega-font", { color: "text-error", variant: "font-footnote1-short" }, file.errorMessage)))),
-            globalSlimmerRegistry.h("vega-flex", { gap: "size-4", class: "vega-file-list-buttons", justifyContent: "end" },
-              file.previewable && (globalSlimmerRegistry.h("vega-button-circle", { class: "vega-file-preview-button", variant: "icon-only", size: "small", icon: "zoom-in", iconColor: "text-secondary", label: "Preview", tooltip: { disableInteractive: true }, ref: (button) => {
-                  domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(button, domNodeSubjectObserverFactory.VegaClick, () => {
+                file.status === 'error' && file.errorMessage && (index.h("vega-font", { color: "text-error", variant: "font-footnote1-short" }, file.errorMessage)))),
+            index.h("vega-flex", { gap: "size-4", class: "vega-file-list-buttons", justifyContent: "end" },
+              file.previewable && (index.h("vega-button-circle", { class: "vega-file-preview-button", variant: "icon-only", size: "small", icon: "zoom-in", iconColor: "text-secondary", label: "Preview", tooltip: { disableInteractive: true }, ref: (button) => {
+                  domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(button, domNodeSubjectFactory.VegaClick, () => {
                     this.filePreviewHandler(file);
                   });
                 } })),
-              file.status === 'error' && (globalSlimmerRegistry.h("vega-button-circle", { variant: "icon-only", size: "small", icon: internalIconManager.VegaInternalIconManager.getIconKey('arrow-rotate-right'), iconColor: "text-secondary", label: "Retry", tooltip: { disableInteractive: true }, disabled: this.disabled, ref: (button) => {
-                  domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(button, domNodeSubjectObserverFactory.VegaClick, () => {
+              file.status === 'error' && (index.h("vega-button-circle", { variant: "icon-only", size: "small", icon: internalIconManager.VegaInternalIconManager.getIconKey('arrow-rotate-right'), iconColor: "text-secondary", label: "Retry", tooltip: { disableInteractive: true }, disabled: this.disabled, ref: (button) => {
+                  domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(button, domNodeSubjectFactory.VegaClick, () => {
                     this.fileReUploadHandler(file);
                   });
                 } })),
-              globalSlimmerRegistry.h("vega-button-circle", { variant: "icon-only", size: "small", icon: internalIconManager.VegaInternalIconManager.getIconKey('trash-can'), iconColor: "text-secondary", label: "Delete", tooltip: { disableInteractive: true }, disabled: this.disabled, ref: (button) => {
-                  domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(button, domNodeSubjectObserverFactory.VegaClick, () => {
+              index.h("vega-button-circle", { variant: "icon-only", size: "small", icon: internalIconManager.VegaInternalIconManager.getIconKey('trash-can'), iconColor: "text-secondary", label: "Delete", tooltip: { disableInteractive: true }, disabled: this.disabled, ref: (button) => {
+                  domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(button, domNodeSubjectFactory.VegaClick, () => {
                     this.fileRemoveHandler(file);
                   });
                 } })))));
@@ -366,13 +368,13 @@ class VegaFileUploaderFileStatusRenderer extends globalSlimmerRegistry.VegaSlimm
   render(status, uploadingPercent) {
     switch (status) {
       case 'uploading':
-        return (globalSlimmerRegistry.h("vega-loading-indicator", Object.assign({ class: "vega-file-list-status", mode: uploadingPercent ? 'determinate' : 'indeterminate', size: "micro" }, (uploadingPercent ? { percent: uploadingPercent } : {}))));
+        return (index.h("vega-loading-indicator", Object.assign({ class: "vega-file-list-status", mode: uploadingPercent ? 'determinate' : 'indeterminate', size: "micro" }, (uploadingPercent ? { percent: uploadingPercent } : {}))));
       case 'done':
-        return (globalSlimmerRegistry.h("vega-icon", { class: "vega-file-list-status", color: "text-success", icon: internalIconManager.VegaInternalIconManager.getIconKey('circle-check-regular') }));
+        return (index.h("vega-icon", { class: "vega-file-list-status", color: "text-success", icon: internalIconManager.VegaInternalIconManager.getIconKey('circle-check-regular') }));
       case 'error':
-        return (globalSlimmerRegistry.h("vega-icon", { class: "vega-file-list-status", color: "text-error", icon: internalIconManager.VegaInternalIconManager.getIconKey('circle-xmark') }));
+        return (index.h("vega-icon", { class: "vega-file-list-status", color: "text-error", icon: internalIconManager.VegaInternalIconManager.getIconKey('circle-xmark') }));
       default:
-        return (globalSlimmerRegistry.h("vega-loading-indicator", { class: "vega-file-list-status", mode: "determinate", size: "micro" }));
+        return (index.h("vega-loading-indicator", { class: "vega-file-list-status", mode: "determinate", size: "micro" }));
     }
   }
 }
@@ -511,17 +513,17 @@ var __decorate = (undefined && undefined.__decorate) || function (decorators, ta
 };
 const VegaFileUploader = class {
   constructor(hostRef) {
-    globalSlimmerRegistry.registerInstance(this, hostRef);
-    this.vegaChange = globalSlimmerRegistry.createEvent(this, "vegaChange", 7);
-    this.change = globalSlimmerRegistry.createEvent(this, "change", 7);
-    this.vegaSelectedFileChange = globalSlimmerRegistry.createEvent(this, "vegaSelectedFileChange", 7);
-    this.selectedFileChange = globalSlimmerRegistry.createEvent(this, "selectedFileChange", 7);
-    this.vegaRemove = globalSlimmerRegistry.createEvent(this, "vegaRemove", 7);
-    this.remove = globalSlimmerRegistry.createEvent(this, "remove", 7);
-    this.vegaRetry = globalSlimmerRegistry.createEvent(this, "vegaRetry", 7);
-    this.retry = globalSlimmerRegistry.createEvent(this, "retry", 7);
-    this.vegaPreview = globalSlimmerRegistry.createEvent(this, "vegaPreview", 7);
-    this.preview = globalSlimmerRegistry.createEvent(this, "preview", 7);
+    index.registerInstance(this, hostRef);
+    this.vegaChange = index.createEvent(this, "vegaChange", 7);
+    this.change = index.createEvent(this, "change", 7);
+    this.vegaSelectedFileChange = index.createEvent(this, "vegaSelectedFileChange", 7);
+    this.selectedFileChange = index.createEvent(this, "selectedFileChange", 7);
+    this.vegaRemove = index.createEvent(this, "vegaRemove", 7);
+    this.remove = index.createEvent(this, "remove", 7);
+    this.vegaRetry = index.createEvent(this, "vegaRetry", 7);
+    this.retry = index.createEvent(this, "retry", 7);
+    this.vegaPreview = index.createEvent(this, "vegaPreview", 7);
+    this.preview = index.createEvent(this, "preview", 7);
     this.globalSlimmers = {};
     this.translationSlimmer = new translationSlimmer.TranslationSlimmer();
     this.vegaComponentUsageRuntimeMetricsSlimmer = new componentUsageRuntimeMetrics.VegaComponentUsageRuntimeMetricsSlimmer();
@@ -544,11 +546,11 @@ const VegaFileUploader = class {
     this.vegaFileUploaderFileStatusRenderer = new VegaFileUploaderFileStatusRenderer();
     this.vegaFileUploaderValueController = new VegaFileUploaderValueController();
     this.dropFileFilterController = new VegaFileUploaderDropFileFilterController();
-    this.changeEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaFileUploader, domNodeSubjectObserverFactory.VegaChange);
-    this.selectFileChangeEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaFileUploader, domNodeSubjectObserverFactory.VegaSelectFileChange);
-    this.removeEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaFileUploader, domNodeSubjectObserverFactory.VegaRemove);
-    this.retryEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaFileUploader, domNodeSubjectObserverFactory.VegaRetry);
-    this.previewEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaFileUploader, domNodeSubjectObserverFactory.VegaPreview);
+    this.changeEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaFileUploader, domNodeSubjectFactory.VegaChange);
+    this.selectFileChangeEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaFileUploader, domNodeSubjectFactory.VegaSelectFileChange);
+    this.removeEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaFileUploader, domNodeSubjectFactory.VegaRemove);
+    this.retryEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaFileUploader, domNodeSubjectFactory.VegaRetry);
+    this.previewEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaFileUploader, domNodeSubjectFactory.VegaPreview);
     /**
      * Specifies the label or title for the field.
      *
@@ -624,9 +626,9 @@ const VegaFileUploader = class {
   watchValidationRules() {
   }
   render() {
-    return component.sanitizeVegaComponent(globalSlimmerRegistry.h(globalSlimmerRegistry.Host, null, this.vegaFileUploaderRenderer.render()), this.host);
+    return component.sanitizeVegaComponent(index.h(index.Host, null, this.vegaFileUploaderRenderer.render()), this.host);
   }
-  get host() { return globalSlimmerRegistry.getElement(this); }
+  get host() { return index.getElement(this); }
   static get watchers() { return {
     "value": ["watchValue"],
     "validationRules": ["watchValidationRules"]

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

@@ -2,14 +2,15 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const globalSlimmerRegistry = require('./global-slimmer-registry-dd2691b8.js');
-const featureFlagController = require('./feature-flag-controller-e97b5f29.js');
-const component = require('./component-63af66ea.js');
-const designToken = require('./design-token-908e3f69.js');
-const ui = require('./ui-b5906704.js');
-const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-019d3c00.js');
-const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-e54fa9d4.js');
-const styleFormatter = require('./style-formatter-5deb065f.js');
+const index = require('./index-09acd3c9.js');
+const featureFlagController = require('./feature-flag-controller-7b22e598.js');
+const component = require('./component-73a88c4e.js');
+const designToken = require('./design-token-30c069c1.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 pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-bb1eaebe.js');
+const styleFormatter = require('./style-formatter-63218b76.js');
 require('./index-8b247c17.js');
 require('./_commonjsHelpers-537d719a.js');
 require('./type-guard-4ba85fdc.js');
@@ -17,11 +18,11 @@ require('./breakpoints-ebde4837.js');
 require('./ui-32e69595.js');
 require('./regex-c1f70fd4.js');
 require('./typography-4560e7f1.js');
-require('./responsive-format-facade-74079f1b.js');
+require('./responsive-format-facade-4363a00d.js');
 require('./breakpoints-17d6c4c7.js');
 require('./number-4816603d.js');
 require('./pixel-98f2a10c.js');
-require('./state-background-color-formatter-d32a1098.js');
+require('./state-background-color-formatter-e585a027.js');
 
 const VegaFlexRuntimeMetricsPayloadDefinition = [
   {
@@ -136,7 +137,7 @@ var __decorate = (undefined && undefined.__decorate) || function (decorators, ta
 };
 const VegaFlex = class {
   constructor(hostRef) {
-    globalSlimmerRegistry.registerInstance(this, hostRef);
+    index.registerInstance(this, hostRef);
     this.globalSlimmers = {};
     this.vegaComponentUsageRuntimeMetricsSlimmer = new componentUsageRuntimeMetrics.VegaComponentUsageRuntimeMetricsSlimmer(VegaFlexRuntimeMetricsPayloadDefinition);
     this.pageResizeSlimmer = new pageResizeObserverSlimmer.PageResizeObserverSlimmer();
@@ -180,9 +181,9 @@ const VegaFlex = class {
       classNames.push(designToken.formatAndValidResponsiveToken(this.direction, 'flexDirection'));
     }
     const styles = styleFormatter.formatFlexStyles(this.flex, this.flexGrow, this.flexShrink, this.flexBasis);
-    return component.sanitizeVegaComponent(globalSlimmerRegistry.h(globalSlimmerRegistry.Host, { style: styles, class: ui.arrayToClassString(classNames) }, globalSlimmerRegistry.h("slot", null)), this.host);
+    return component.sanitizeVegaComponent(index.h(index.Host, { style: styles, class: ui.arrayToClassString(classNames) }, index.h("slot", null)), this.host);
   }
-  get host() { return globalSlimmerRegistry.getElement(this); }
+  get host() { return index.getElement(this); }
 };
 __decorate([
   componentUsageRuntimeMetrics.InjectVegaGlobalSlimmer()

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

@@ -2,16 +2,17 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const globalSlimmerRegistry = require('./global-slimmer-registry-dd2691b8.js');
-const component = require('./component-63af66ea.js');
+const index = require('./index-09acd3c9.js');
+const component = require('./component-73a88c4e.js');
+const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const placeholder = require('./placeholder-cb6d37ad.js');
-const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-019d3c00.js');
-const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-e54fa9d4.js');
+const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-dcb32c24.js');
+const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-bb1eaebe.js');
 const breakpoints = require('./breakpoints-17d6c4c7.js');
 const componentLoadRequired = require('./component-load-required-16d76afa.js');
-const responsiveFormatFacade = require('./responsive-format-facade-74079f1b.js');
-const ui = require('./ui-b5906704.js');
-const designToken = require('./design-token-908e3f69.js');
+const responsiveFormatFacade = require('./responsive-format-facade-4363a00d.js');
+const ui = require('./ui-5fd9b267.js');
+const designToken = require('./design-token-30c069c1.js');
 require('./ui-32e69595.js');
 require('./breakpoints-ebde4837.js');
 require('./type-guard-4ba85fdc.js');
@@ -19,7 +20,7 @@ require('./regex-c1f70fd4.js');
 require('./typography-4560e7f1.js');
 require('./number-4816603d.js');
 require('./pixel-98f2a10c.js');
-require('./state-background-color-formatter-d32a1098.js');
+require('./state-background-color-formatter-e585a027.js');
 
 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;
@@ -160,7 +161,7 @@ var __decorate$1 = (undefined && undefined.__decorate) || function (decorators,
 class VegaFontRenderer extends globalSlimmerRegistry.VegaSlimmer {
   render(hostClasses) {
     const tagName = this.asController.getTagNameFromPropAs();
-    return tagName ? globalSlimmerRegistry.h(tagName, { className: hostClasses }, [globalSlimmerRegistry.h("slot", null)]) : globalSlimmerRegistry.h("slot", null);
+    return tagName ? index.h(tagName, { className: hostClasses }, [index.h("slot", null)]) : index.h("slot", null);
   }
 }
 __decorate$1([
@@ -208,7 +209,7 @@ var __decorate = (undefined && undefined.__decorate) || function (decorators, ta
 };
 const VegaFont = class {
   constructor(hostRef) {
-    globalSlimmerRegistry.registerInstance(this, hostRef);
+    index.registerInstance(this, hostRef);
     this.globalSlimmers = {};
     this.pageResizeSlimmer = new pageResizeObserverSlimmer.PageResizeObserverSlimmer();
     this.variantController = new VegaFontVariantController();
@@ -252,10 +253,10 @@ const VegaFont = class {
   }
   render() {
     const hostClasses = this.classesController.getClassName();
-    placeholder.slotPlaceholder(globalSlimmerRegistry.h("slot", null));
-    return component.sanitizeVegaComponent(globalSlimmerRegistry.h(globalSlimmerRegistry.Host, { class: hostClasses }, this.renderer.render(hostClasses)), this.host);
+    placeholder.slotPlaceholder(index.h("slot", null));
+    return component.sanitizeVegaComponent(index.h(index.Host, { class: hostClasses }, this.renderer.render(hostClasses)), this.host);
   }
-  get host() { return globalSlimmerRegistry.getElement(this); }
+  get host() { return index.getElement(this); }
   static get watchers() { return {
     "as": ["watchAsChange"]
   }; }

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

@@ -2,34 +2,36 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const globalSlimmerRegistry = require('./global-slimmer-registry-dd2691b8.js');
-const formFieldControllerSlimmer = require('./form-field-controller-slimmer-9aeabcdc.js');
-const changeManager = require('./change-manager-bda1d107.js');
-const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-093462f1.js');
+const index = require('./index-09acd3c9.js');
+const formFieldControllerSlimmer = require('./form-field-controller-slimmer-7ef32059.js');
+const changeManager = require('./change-manager-a297e4d2.js');
+const domNodeSubjectFactory = require('./dom-node-subject-factory-3ec114b8.js');
 const staticSubjectTitle = require('./static-subject-title-d66b88fb.js');
 const array = require('./array-5adef7b2.js');
-const component = require('./component-63af66ea.js');
-const ui = require('./ui-b5906704.js');
+const component = require('./component-73a88c4e.js');
+const ui = require('./ui-5fd9b267.js');
 const immutableMap = require('./immutable-map-adf398cc.js');
-const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-019d3c00.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-a46bb411.js');
-const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-e1a6e5ad.js');
-const childNodesNotifyObserverSlimmer = require('./child-nodes-notify-observer-slimmer-03a3f79e.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 childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-96c3c4ae.js');
+const childNodesNotifyObserverSlimmer = require('./child-nodes-notify-observer-slimmer-be92f366.js');
 const vegaInternalEventId = require('./vega-internal-event-id-85b68849.js');
 require('./string-21427167.js');
-require('./create-public-api-runtime-metrics-slimmer-8c6a8fb7.js');
-require('./dynamic-slimmer-dc30600a.js');
-require('./translation-f6b7ee84.js');
-require('./page-resize-observer-slimmer-e54fa9d4.js');
+require('./create-public-api-runtime-metrics-slimmer-54c3f73b.js');
+require('./dynamic-slimmer-f31fdfd7.js');
+require('./translation-b9be41e0.js');
+require('./page-resize-observer-slimmer-bb1eaebe.js');
 require('./breakpoints-17d6c4c7.js');
 require('./ui-32e69595.js');
 require('./breakpoints-ebde4837.js');
-require('./mutation-observer-slimmer-98bbbdf0.js');
+require('./dom-node-subject-observer-factory-5f0eae19.js');
+require('./mutation-observer-slimmer-895b3d3e.js');
 require('./mutation-observer-filters-e5a7f85a.js');
 require('./number-4816603d.js');
-require('./internal-vega-event-manager-d7643ec6.js');
+require('./internal-vega-event-manager-e5e4bcf4.js');
 require('./vega-env-manager-23b8b23c.js');
-require('./feature-flag-controller-e97b5f29.js');
+require('./feature-flag-controller-7b22e598.js');
 require('./index-8b247c17.js');
 require('./_commonjsHelpers-537d719a.js');
 
@@ -47,23 +49,23 @@ var __decorate = (undefined && undefined.__decorate) || function (decorators, ta
 };
 const VegaForm = class {
   constructor(hostRef) {
-    globalSlimmerRegistry.registerInstance(this, hostRef);
-    this.vegaValidate = globalSlimmerRegistry.createEvent(this, "vegaValidate", 7);
-    this.validate = globalSlimmerRegistry.createEvent(this, "validate", 7);
-    this.vegaFormSubmit = globalSlimmerRegistry.createEvent(this, "vegaFormSubmit", 7);
-    this.formSubmit = globalSlimmerRegistry.createEvent(this, "formSubmit", 7);
-    this.vegaFormReset = globalSlimmerRegistry.createEvent(this, "vegaFormReset", 7);
-    this.formReset = globalSlimmerRegistry.createEvent(this, "formReset", 7);
+    index.registerInstance(this, hostRef);
+    this.vegaValidate = index.createEvent(this, "vegaValidate", 7);
+    this.validate = index.createEvent(this, "validate", 7);
+    this.vegaFormSubmit = index.createEvent(this, "vegaFormSubmit", 7);
+    this.formSubmit = index.createEvent(this, "formSubmit", 7);
+    this.vegaFormReset = index.createEvent(this, "vegaFormReset", 7);
+    this.formReset = index.createEvent(this, "formReset", 7);
     this.globalSlimmers = {};
-    this.submitEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaForm, domNodeSubjectObserverFactory.VegaFormSubmit);
-    this.resetEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaForm, domNodeSubjectObserverFactory.VegaFormReset);
-    this.validateEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaForm, domNodeSubjectObserverFactory.VegaValidate);
-    this.childEventPrevent = new childNodesEventPreventSlimmer.ChildNodesEventPreventSlimmer([domNodeSubjectObserverFactory.VegaFormSubmit, domNodeSubjectObserverFactory.VegaFormReset], () => this.host.querySelector('vega-form'), {
+    this.submitEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaForm, domNodeSubjectFactory.VegaFormSubmit);
+    this.resetEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaForm, domNodeSubjectFactory.VegaFormReset);
+    this.validateEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaForm, domNodeSubjectFactory.VegaValidate);
+    this.childEventPrevent = new childNodesEventPreventSlimmer.ChildNodesEventPreventSlimmer([domNodeSubjectFactory.VegaFormSubmit, domNodeSubjectFactory.VegaFormReset], () => this.host.querySelector('vega-form'), {
       customPreventHandle: (e) => {
         e.stopPropagation();
       },
     });
-    this.childFormValidateEventPrevent = new childNodesEventPreventSlimmer.ChildNodesEventPreventSlimmer([domNodeSubjectObserverFactory.VegaValidate], () => this.host, {
+    this.childFormValidateEventPrevent = new childNodesEventPreventSlimmer.ChildNodesEventPreventSlimmer([domNodeSubjectFactory.VegaValidate], () => this.host, {
       customPreventHandle: (e) => {
         e.stopPropagation();
       },
@@ -279,7 +281,7 @@ const VegaForm = class {
       : element['value'];
   }
   render() {
-    return component.sanitizeVegaComponent(globalSlimmerRegistry.h(globalSlimmerRegistry.Host, null, globalSlimmerRegistry.h("slot", null)), this.host);
+    return component.sanitizeVegaComponent(index.h(index.Host, null, index.h("slot", null)), this.host);
   }
   /**
    * If the value of any child elements have changed,
@@ -364,7 +366,7 @@ const VegaForm = class {
    * delete operation is triggered
    */
   initFormFieldDisconnectedObserver() {
-    this.formFieldDisconnectedObserver = new domNodeSubjectObserverFactory.Observer(this.canAcceptFormFieldDisconnectedOperation.bind(this), this.updateInvalidFieldPath.bind(this));
+    this.formFieldDisconnectedObserver = new domNodeSubjectFactory.Observer(this.canAcceptFormFieldDisconnectedOperation.bind(this), this.updateInvalidFieldPath.bind(this));
     changeManager.ChangeManager.register(staticSubjectTitle.FORM_FIELD_ELEMENT_DISCONNECTED, this.formFieldDisconnectedObserver);
   }
   /**
@@ -384,7 +386,7 @@ const VegaForm = class {
     this.pendingValidFieldPathMap.delete(payload.host);
   }
   registerFormSubmitChangeManager() {
-    this.formEventsObserver = new domNodeSubjectObserverFactory.Observer(this.canAcceptFormSubmitEvent.bind(this), this.handleSubmitEvents.bind(this));
+    this.formEventsObserver = new domNodeSubjectFactory.Observer(this.canAcceptFormSubmitEvent.bind(this), this.handleSubmitEvents.bind(this));
     changeManager.ChangeManager.register(staticSubjectTitle.FORM_SUBMIT, this.formEventsObserver);
   }
   /**
@@ -403,7 +405,7 @@ const VegaForm = class {
     }
   }
   registerFormResetChangeManager() {
-    this.formEventsObserver = new domNodeSubjectObserverFactory.Observer(this.canAcceptFormResetEvent.bind(this), this.handleResetEvents.bind(this));
+    this.formEventsObserver = new domNodeSubjectFactory.Observer(this.canAcceptFormResetEvent.bind(this), this.handleResetEvents.bind(this));
     changeManager.ChangeManager.register(staticSubjectTitle.FORM_RESET, this.formEventsObserver);
   }
   canAcceptFormResetEvent(payload) {
@@ -414,7 +416,7 @@ const VegaForm = class {
     this.resetEventEmitter.emit();
   }
   registerFormFieldPendingValidChangeManager() {
-    this.formFieldPendingValidObserver = new domNodeSubjectObserverFactory.Observer(this.canAcceptFormFieldPendingValid.bind(this), this.handleFieldPendingValid.bind(this));
+    this.formFieldPendingValidObserver = new domNodeSubjectFactory.Observer(this.canAcceptFormFieldPendingValid.bind(this), this.handleFieldPendingValid.bind(this));
     changeManager.ChangeManager.register(staticSubjectTitle.FORM_FIELD_PENDING_VALID_CHANGE, this.formFieldPendingValidObserver);
   }
   canAcceptFormFieldPendingValid(payload) {
@@ -432,7 +434,7 @@ const VegaForm = class {
     return this.invalidFieldPathMap.has(element) || ui.isParent(element, this.host);
   }
   async handleChildFormFieldElementValid(element, showError) {
-    const subject = domNodeSubjectObserverFactory.domNodeSubjectFactory.getSubject(element, vegaInternalEventId.VegaInternalValid);
+    const subject = domNodeSubjectFactory.domNodeSubjectFactory.getSubject(element, vegaInternalEventId.VegaInternalValid);
     const isValid = await new Promise((resolve) => {
       //This setTimeout method here to avoid the dom node subject observer not existing and blocks the promise status
       const timerId = setTimeout(() => {
@@ -447,7 +449,7 @@ const VegaForm = class {
     });
     return isValid;
   }
-  get host() { return globalSlimmerRegistry.getElement(this); }
+  get host() { return index.getElement(this); }
   static get watchers() { return {
     "isValid": ["watchIsValid"]
   }; }