@heartlandone/vega 2.34.0 → 2.35.0-RTE-preview

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

@@ -2,10 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const globalSlimmerRegistry = require('./global-slimmer-registry-dd2691b8.js');
-const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-019d3c00.js');
-const ui = require('./ui-b5906704.js');
-const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-e54fa9d4.js');
+const index = require('./index-09acd3c9.js');
+const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
+const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-dcb32c24.js');
+const ui = require('./ui-5fd9b267.js');
+const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-bb1eaebe.js');
 require('./breakpoints-17d6c4c7.js');
 require('./ui-32e69595.js');
 require('./breakpoints-ebde4837.js');
@@ -185,7 +186,7 @@ var __decorate = (undefined && undefined.__decorate) || function (decorators, ta
 };
 const VegaText = class {
   constructor(hostRef) {
-    globalSlimmerRegistry.registerInstance(this, hostRef);
+    index.registerInstance(this, hostRef);
     this.globalSlimmers = {};
     this.tooltipRenderer = new VegaTextTooltipRenderer();
     this.vegaComponentUsageRuntimeMetricsSlimmer = new componentUsageRuntimeMetrics.VegaComponentUsageRuntimeMetricsSlimmer();
@@ -208,12 +209,12 @@ const VegaText = class {
   componentDidLoad() {
   }
   render() {
-    return (globalSlimmerRegistry.h(globalSlimmerRegistry.Host, { class: {
+    return (index.h(index.Host, { class: {
         'vega-container-text-ellipsis': this.overflow === 'ellipsis',
         'vega-container-text-newline': this.overflow === 'newline',
-      } }, globalSlimmerRegistry.h("slot", null)));
+      } }, index.h("slot", null)));
   }
-  get host() { return globalSlimmerRegistry.getElement(this); }
+  get host() { return index.getElement(this); }
   static get watchers() { return {
     "tooltip": ["watchTooltip"]
   }; }

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

@@ -2,34 +2,36 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const globalSlimmerRegistry = require('./global-slimmer-registry-dd2691b8.js');
+const index = require('./index-09acd3c9.js');
 const minStringLengthRule = require('./min-string-length-rule-75f24a48.js');
 const requiredFieldRule = require('./required-field-rule-7f9945fa.js');
-const component = require('./component-63af66ea.js');
-const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-019d3c00.js');
-const formFieldControllerSlimmer = require('./form-field-controller-slimmer-9aeabcdc.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 formFieldControllerSlimmer = require('./form-field-controller-slimmer-7ef32059.js');
 const staticSubjectTitle = require('./static-subject-title-d66b88fb.js');
-const changeManager = require('./change-manager-bda1d107.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-a46bb411.js');
-const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-093462f1.js');
-const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-e1a6e5ad.js');
+const changeManager = require('./change-manager-a297e4d2.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-9c223f73.js');
+const domNodeSubjectFactory = require('./dom-node-subject-factory-3ec114b8.js');
+const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-96c3c4ae.js');
 require('./string-21427167.js');
-require('./ui-b5906704.js');
-require('./create-public-api-runtime-metrics-slimmer-8c6a8fb7.js');
-require('./dynamic-slimmer-dc30600a.js');
+require('./ui-5fd9b267.js');
+require('./create-public-api-runtime-metrics-slimmer-54c3f73b.js');
+require('./dynamic-slimmer-f31fdfd7.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('./dom-node-subject-observer-factory-5f0eae19.js');
+require('./mutation-observer-slimmer-895b3d3e.js');
 require('./mutation-observer-filters-e5a7f85a.js');
 require('./array-5adef7b2.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');
 
@@ -74,11 +76,11 @@ var __decorate = (undefined && undefined.__decorate) || function (decorators, ta
 };
 const VegaTextarea = class {
   constructor(hostRef) {
-    globalSlimmerRegistry.registerInstance(this, hostRef);
-    this.vegaChange = globalSlimmerRegistry.createEvent(this, "vegaChange", 7);
-    this.change = globalSlimmerRegistry.createEvent(this, "change", 7);
-    this.vegaBlur = globalSlimmerRegistry.createEvent(this, "vegaBlur", 7);
-    this.blur = globalSlimmerRegistry.createEvent(this, "blur", 7);
+    index.registerInstance(this, hostRef);
+    this.vegaChange = index.createEvent(this, "vegaChange", 7);
+    this.change = index.createEvent(this, "change", 7);
+    this.vegaBlur = index.createEvent(this, "vegaBlur", 7);
+    this.blur = index.createEvent(this, "blur", 7);
     this.globalSlimmers = {};
     this.formFieldController = new formFieldControllerSlimmer.FormFieldControllerSlimmer({
       propertyRules: [
@@ -101,9 +103,9 @@ const VegaTextarea = class {
       inputContainerGetter: () => this.inputContainerRef,
       touchableAreaGetter: () => [this.textareaRef],
     });
-    this.changeEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaTextarea, domNodeSubjectObserverFactory.VegaChange);
-    this.blurEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaTextarea, domNodeSubjectObserverFactory.VegaBlur);
-    this.textareaEventPrevent = new childNodesEventPreventSlimmer.ChildNodesEventPreventSlimmer([domNodeSubjectObserverFactory.VegaChange], () => this.inputContainerRef);
+    this.changeEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaTextarea, domNodeSubjectFactory.VegaChange);
+    this.blurEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaTextarea, domNodeSubjectFactory.VegaBlur);
+    this.textareaEventPrevent = new childNodesEventPreventSlimmer.ChildNodesEventPreventSlimmer([domNodeSubjectFactory.VegaChange], () => this.inputContainerRef);
     this.vegaComponentUsageRuntimeMetricsSlimmer = new componentUsageRuntimeMetrics.VegaComponentUsageRuntimeMetricsSlimmer(VegaTextareaRuntimeMetricsPayloadDefinition);
     this.currentCharCount = 0;
     /**
@@ -203,19 +205,19 @@ const VegaTextarea = class {
      */
     this.validationRules = [];
     this.renderTextareaContainer = () => {
-      return (globalSlimmerRegistry.h("div", { class: { 'vega-textarea-container': true, 'vega-textarea-not-resizable': !this.resizable }, ref: (e) => (this.inputContainerRef = e) }, globalSlimmerRegistry.h("textarea", { rows: 4, placeholder: this.placeholder, disabled: this.disabled, required: this.required, ref: this.setTextareaRef, maxLength: this.maxLength, minLength: this.minLength, value: this.value, onBlur: this.handleTextareaBlur, "aria-label": this.label || 'No label defined' }), this.showCounter && this.renderCharacterCounter()));
+      return (index.h("div", { class: { 'vega-textarea-container': true, 'vega-textarea-not-resizable': !this.resizable }, ref: (e) => (this.inputContainerRef = e) }, index.h("textarea", { rows: 4, placeholder: this.placeholder, disabled: this.disabled, required: this.required, ref: this.setTextareaRef, maxLength: this.maxLength, minLength: this.minLength, value: this.value, onBlur: this.handleTextareaBlur, "aria-label": this.label || 'No label defined' }), this.showCounter && this.renderCharacterCounter()));
     };
     this.renderHintMessage = () => {
-      return globalSlimmerRegistry.h("vega-text", null, this.hint);
+      return index.h("vega-text", null, this.hint);
     };
     this.renderCharacterCounter = () => {
-      return (globalSlimmerRegistry.h("div", { class: {
+      return (index.h("div", { class: {
           'vega-textarea-counter': true,
           'counter-exceed-max-length': this.isExceedMaxLength(this.value, this.maxLength),
-        } }, globalSlimmerRegistry.h("span", { id: "current" }, this.currentCharCount), this.maxLength != null && this.renderMaxLengthNumber()));
+        } }, index.h("span", { id: "current" }, this.currentCharCount), this.maxLength != null && this.renderMaxLengthNumber()));
     };
     this.renderMaxLengthNumber = () => {
-      return globalSlimmerRegistry.h("span", { id: "maximum" }, "/", this.maxLength);
+      return index.h("span", { id: "maximum" }, "/", this.maxLength);
     };
     this.setTextareaRef = (textareaRef) => {
       if (textareaRef && this.textareaRef !== textareaRef) {
@@ -265,14 +267,14 @@ const VegaTextarea = class {
     this.currentCharCount = this.value.length;
   }
   render() {
-    return component.sanitizeVegaComponent(globalSlimmerRegistry.h(globalSlimmerRegistry.Host, { class: {
+    return component.sanitizeVegaComponent(index.h(index.Host, { class: {
         disabled: this.disabled,
       } }, this.renderLabelDom(), this.renderTextareaContainer(), this.hint && this.renderHintMessage()), this.host);
   }
   renderLabelDom() {
-    return (globalSlimmerRegistry.h("vega-field-label", { onClick: this.inputFocus, "is-field-required": this.required, disabled: this.disabled, label: this.label }));
+    return (index.h("vega-field-label", { onClick: this.inputFocus, "is-field-required": this.required, disabled: this.disabled, label: this.label }));
   }
-  get host() { return globalSlimmerRegistry.getElement(this); }
+  get host() { return index.getElement(this); }
   static get watchers() { return {
     "value": ["watchValue"],
     "validationRules": ["watchValidationRules"]

package/dist/cjs/vega-time-picker_2.cjs.entry.js

@@ -2,45 +2,47 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const globalSlimmerRegistry = require('./global-slimmer-registry-dd2691b8.js');
+const index = require('./index-09acd3c9.js');
 const componentLoadRequired = require('./component-load-required-16d76afa.js');
-const date = require('./date-ffe382a4.js');
-const component = require('./component-63af66ea.js');
-const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-019d3c00.js');
-const formFieldControllerSlimmer = require('./form-field-controller-slimmer-9aeabcdc.js');
-const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-093462f1.js');
-const ui = require('./ui-b5906704.js');
+const date = require('./date-0a6bb035.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 formFieldControllerSlimmer = require('./form-field-controller-slimmer-7ef32059.js');
+const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-5f0eae19.js');
+const domNodeSubjectFactory = require('./dom-node-subject-factory-3ec114b8.js');
+const ui = require('./ui-5fd9b267.js');
 const accessibility = require('./accessibility-bfa227f6.js');
 const array = require('./array-5adef7b2.js');
 const staticSubjectTitle = require('./static-subject-title-d66b88fb.js');
-const changeManager = require('./change-manager-bda1d107.js');
-const elementAppenderSlimmer = require('./element-appender-slimmer-0dd70e61.js');
-const keyboardManagerSlimmer = require('./keyboard-manager-slimmer-9be2a880.js');
+const changeManager = require('./change-manager-a297e4d2.js');
+const elementAppenderSlimmer = require('./element-appender-slimmer-700b7004.js');
+const keyboardManagerSlimmer = require('./keyboard-manager-slimmer-feba3a83.js');
 const typeGuard = require('./type-guard-4ba85fdc.js');
-const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-e1a6e5ad.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-a46bb411.js');
-const translationSlimmer = require('./translation-slimmer-90f9f71f.js');
+const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-96c3c4ae.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-9c223f73.js');
+const translationSlimmer = require('./translation-slimmer-ec76c5a2.js');
 require('./string-21427167.js');
-require('./create-public-api-runtime-metrics-slimmer-8c6a8fb7.js');
-require('./dynamic-slimmer-dc30600a.js');
+require('./create-public-api-runtime-metrics-slimmer-54c3f73b.js');
+require('./dynamic-slimmer-f31fdfd7.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('./number-4816603d.js');
-require('./internal-vega-z-index-manager-e24e4309.js');
-require('./responsive-format-facade-74079f1b.js');
+require('./internal-vega-z-index-manager-f03ddb37.js');
+require('./responsive-format-facade-4363a00d.js');
 require('./pixel-98f2a10c.js');
-require('./keyboard-manager-5afbc8f1.js');
+require('./keyboard-manager-2df53b2f.js');
 require('./regex-c1f70fd4.js');
 require('./typography-4560e7f1.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');
 
@@ -134,7 +136,7 @@ class VegaTimePickerLabelRenderer extends globalSlimmerRegistry.VegaSlimmer {
     };
   }
   render() {
-    return (globalSlimmerRegistry.h("vega-field-label", { onClick: this.onTimePickerFocus, "is-field-required": this.required, disabled: this.disabled, label: this.label }));
+    return (index.h("vega-field-label", { onClick: this.onTimePickerFocus, "is-field-required": this.required, disabled: this.disabled, label: this.label }));
   }
 }
 __decorate$d([
@@ -194,8 +196,8 @@ class VegaTimePickerSingleInputRenderer extends globalSlimmerRegistry.VegaSlimme
   }
   /* istanbul ignore next */
   render() {
-    return (globalSlimmerRegistry.h("div", { class: "time-picker-input" },
-      globalSlimmerRegistry.h("vega-input", { "prefix-icon": "clock-face", placeholder: this.getPlaceholder(), disabled: this.disabled, size: this.size, value: typeof this.value === 'string' ? this.value : '', ref: (ref) => {
+    return (index.h("div", { class: "time-picker-input" },
+      index.h("vega-input", { "prefix-icon": "clock-face", placeholder: this.getPlaceholder(), disabled: this.disabled, size: this.size, value: typeof this.value === 'string' ? this.value : '', ref: (ref) => {
           this.timeInputRef = ref;
           this.handleVegaInputEvent(ref);
         } })));
@@ -212,14 +214,14 @@ class VegaTimePickerSingleInputRenderer extends globalSlimmerRegistry.VegaSlimme
    * @param {HTMLVegaInputElement} ref - The ref parameter is a reference to an HTML input element with the type "vega".
    */
   handleVegaInputEvent(ref) {
-    domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, domNodeSubjectObserverFactory.VegaChange, (input) => {
+    domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, domNodeSubjectFactory.VegaChange, (input) => {
       this.onChildVegaInputChange(input);
     });
-    domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, domNodeSubjectObserverFactory.VegaFocus, () => {
+    domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, domNodeSubjectFactory.VegaFocus, () => {
       this.singleDropdownController.show();
     });
     //When the filled time format is incorrect, the value needs to be set to empty, the initial value may also be empty, so the input needs to be set to an empty value.
-    domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, domNodeSubjectObserverFactory.VegaBlur, (input) => {
+    domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, domNodeSubjectFactory.VegaBlur, (input) => {
       this.valueController.checkValueAfterInputBlur(input);
     });
   }
@@ -268,7 +270,7 @@ class VegaTimePickerSingleDropdownRenderer extends globalSlimmerRegistry.VegaSli
     super(...arguments);
     this.isMobileDevice = ui.getDeviceType() === ui.DeviceType.MOBILE;
     this.renderDropdownByTimeSource = () => {
-      return (globalSlimmerRegistry.h(globalSlimmerRegistry.Fragment, null,
+      return (index.h(index.Fragment, null,
         this.renderDropdownColumn(this.dropdownSource.hours, 'hour'),
         this.renderDropdownColumn(this.dropdownSource.minutes, 'minute'),
         this.timeFormat === '12-hour' && this.renderDropdownColumn(['AM', 'PM'], 'amPm')));
@@ -327,18 +329,18 @@ class VegaTimePickerSingleDropdownRenderer extends globalSlimmerRegistry.VegaSli
     return elements;
   }
   render() {
-    return (globalSlimmerRegistry.h("vega-time-picker-dropdown", { class: {
+    return (index.h("vega-time-picker-dropdown", { class: {
         'vega-time-picker-dropdown': true,
         /* istanbul ignore next */
         'mobile': this.isMobileDevice,
       }, ref: (e) => (this.dropdown = e) },
-      globalSlimmerRegistry.h("div", { class: "vega-time-picker-dropdown-container", ref: (e) => (this.dropdownContainer = e) },
-        globalSlimmerRegistry.h("div", { class: "vega-time-picker-dropdown-panel" }, this.renderDropdownByTimeSource()),
-        globalSlimmerRegistry.h("div", { class: "horizontal-divider v-my-size-12" }),
+      index.h("div", { class: "vega-time-picker-dropdown-container", ref: (e) => (this.dropdownContainer = e) },
+        index.h("div", { class: "vega-time-picker-dropdown-panel" }, this.renderDropdownByTimeSource()),
+        index.h("div", { class: "horizontal-divider v-my-size-12" }),
         this.renderDropdownFoot())));
   }
   renderDropdownColumn(items, sourceType) {
-    return (globalSlimmerRegistry.h("ul", { role: "menu", "aria-label": "dropdown-ul", class: {
+    return (index.h("ul", { role: "menu", "aria-label": "dropdown-ul", class: {
         'vega-time-picker-panel-column': true,
       } }, items.map((item, index) => {
       {
@@ -351,25 +353,25 @@ class VegaTimePickerSingleDropdownRenderer extends globalSlimmerRegistry.VegaSli
    * @see{module:vega-time-picker-select-time-e2e}
    */
   /* istanbul ignore next */
-  renderDropdownItem(item, sourceType, index) {
-    return (globalSlimmerRegistry.h("li", { key: item, role: "menuitem", "aria-label": item, class: {
+  renderDropdownItem(item, sourceType, index$1) {
+    return (index.h("li", { key: item, role: "menuitem", "aria-label": item, class: {
         'vega-dropdown-item-selected': this.isItemSelected(item, sourceType),
-      }, tabIndex: index === 0 ? 0 : -1, "data-index": index, 
+      }, tabIndex: index$1 === 0 ? 0 : -1, "data-index": index$1, 
       /* eslint-disable-next-line react/jsx-no-bind */
       onClick: () => this.onItemClick(item, sourceType), onKeyDown: accessibility.createEnterKeyHandlerToTriggerClick() },
-      globalSlimmerRegistry.h("span", { "data-index": index, innerHTML: item })));
+      index.h("span", { "data-index": index$1, innerHTML: item })));
   }
   renderDropdownFoot() {
-    return (globalSlimmerRegistry.h("div", { class: "vega-time-picker-dropdown-footer" },
-      globalSlimmerRegistry.h("div", { class: "vega-time-picker-now" },
-        globalSlimmerRegistry.h("vega-button-link", { size: "small", label: "Now", ref: (ref) => {
-            domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, domNodeSubjectObserverFactory.VegaClick, () => {
+    return (index.h("div", { class: "vega-time-picker-dropdown-footer" },
+      index.h("div", { class: "vega-time-picker-now" },
+        index.h("vega-button-link", { size: "small", label: "Now", ref: (ref) => {
+            domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, domNodeSubjectFactory.VegaClick, () => {
               this.onNowButtonClick();
             });
           } })),
-      globalSlimmerRegistry.h("div", null,
-        globalSlimmerRegistry.h("vega-button-link", { size: "small", label: "Apply", ref: (ref) => {
-            domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, domNodeSubjectObserverFactory.VegaClick, () => {
+      index.h("div", null,
+        index.h("vega-button-link", { size: "small", label: "Apply", ref: (ref) => {
+            domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, domNodeSubjectFactory.VegaClick, () => {
               this.onApplyButtonClick();
             });
           } }))));
@@ -1180,29 +1182,29 @@ class VegaTimePickerRangeInputRenderer extends globalSlimmerRegistry.VegaSlimmer
   render() {
     const startValue = Array.isArray(this.value) ? this.value[0] : '';
     const endValue = Array.isArray(this.value) ? this.value[1] : '';
-    return (globalSlimmerRegistry.h(globalSlimmerRegistry.Fragment, null,
-      globalSlimmerRegistry.h("vega-flex", { class: "v-w-full", gap: "0", "align-items": "center", direction: this.isMobileDevice ? 'col' : 'row' },
-        globalSlimmerRegistry.h("div", { class: "time-picker-input time-picker-input-start vega-flex-basis-0 vega-flex-grow" },
-          globalSlimmerRegistry.h("vega-input", { "prefix-icon": "clock-face", placeholder: this.getPlaceholderBySourceType('start'), disabled: this.disabled, size: this.size, value: startValue, ref: (ref) => {
+    return (index.h(index.Fragment, null,
+      index.h("vega-flex", { class: "v-w-full", gap: "0", "align-items": "center", direction: this.isMobileDevice ? 'col' : 'row' },
+        index.h("div", { class: "time-picker-input time-picker-input-start vega-flex-basis-0 vega-flex-grow" },
+          index.h("vega-input", { "prefix-icon": "clock-face", placeholder: this.getPlaceholderBySourceType('start'), disabled: this.disabled, size: this.size, value: startValue, ref: (ref) => {
               this.handlerEvent(ref);
               return (this.startTimeInputRef = ref);
             }, "show-clear-icon": "false" })),
-        globalSlimmerRegistry.h("span", { class: "range-input-divider v-min-w-min vega-flex-shrink-0" }),
-        globalSlimmerRegistry.h("div", { class: "time-picker-input time-picker-input-end vega-flex-basis-0 vega-flex-grow" },
-          globalSlimmerRegistry.h("vega-input", { placeholder: this.getPlaceholderBySourceType('end'), disabled: this.disabled, size: this.size, value: endValue, ref: (ref) => {
+        index.h("span", { class: "range-input-divider v-min-w-min vega-flex-shrink-0" }),
+        index.h("div", { class: "time-picker-input time-picker-input-end vega-flex-basis-0 vega-flex-grow" },
+          index.h("vega-input", { placeholder: this.getPlaceholderBySourceType('end'), disabled: this.disabled, size: this.size, value: endValue, ref: (ref) => {
               this.handlerEvent(ref);
               return (this.endTimeInputRef = ref);
             }, "show-clear-icon": "false" }))),
       this.rangeClearButtonRenderer.render()));
   }
   handlerEvent(ref) {
-    domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, domNodeSubjectObserverFactory.VegaBlur, (input) => {
+    domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, domNodeSubjectFactory.VegaBlur, (input) => {
       this.timePickerInputBlur(input);
     });
-    domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, domNodeSubjectObserverFactory.VegaChange, (input) => {
+    domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, domNodeSubjectFactory.VegaChange, (input) => {
       this.onInputChange(input);
     });
-    domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, domNodeSubjectObserverFactory.VegaFocus, (input) => {
+    domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, domNodeSubjectFactory.VegaFocus, (input) => {
       this.timePickerInputFocus(input);
     });
   }
@@ -1284,28 +1286,28 @@ class VegaTimePickerRangeDropdownRenderer extends globalSlimmerRegistry.VegaSlim
     this.isMobileDevice = ui.getDeviceType() === ui.DeviceType.MOBILE;
     /** The `renderStartDropdown` method is a private method of the `VegaTimePickerRangeDropdownRenderer` class. It is responsible for rendering the start dropdown element in the component's JSX. */
     this.renderStartDropdown = () => {
-      return (globalSlimmerRegistry.h("vega-time-picker-dropdown", { class: {
+      return (index.h("vega-time-picker-dropdown", { class: {
           'vega-time-picker-dropdown start-dropdown': true,
           /* istanbul ignore next */
           'mobile': this.isMobileDevice,
         }, ref: (e) => (this.startDropdown = e) },
-        globalSlimmerRegistry.h("div", { class: "vega-time-picker-dropdown-container", ref: (e) => (this.startDropdownContainer = e) },
-          globalSlimmerRegistry.h("div", { class: "vega-time-picker-dropdown-panel" }, this.renderDropdownList('start')))));
+        index.h("div", { class: "vega-time-picker-dropdown-container", ref: (e) => (this.startDropdownContainer = e) },
+          index.h("div", { class: "vega-time-picker-dropdown-panel" }, this.renderDropdownList('start')))));
     };
     /** The `renderEndDropdown` method is a private method of the `VegaTimePickerRangeDropdownRenderer` class. It is responsible for rendering the end dropdown element in the component's JSX. */
     this.renderEndDropdown = () => {
-      return (globalSlimmerRegistry.h("vega-time-picker-dropdown", { class: {
+      return (index.h("vega-time-picker-dropdown", { class: {
           'vega-time-picker-dropdown end-dropdown': true,
           /* istanbul ignore next */
           'mobile': this.isMobileDevice,
         }, ref: (e) => (this.endDropdown = e) },
-        globalSlimmerRegistry.h("div", { class: "vega-time-picker-dropdown-container", ref: (e) => (this.endDropdownContainer = e) },
-          globalSlimmerRegistry.h("div", { class: "vega-time-picker-dropdown-panel" }, this.renderDropdownList('end')))));
+        index.h("div", { class: "vega-time-picker-dropdown-container", ref: (e) => (this.endDropdownContainer = e) },
+          index.h("div", { class: "vega-time-picker-dropdown-panel" }, this.renderDropdownList('end')))));
     };
     /** The `renderDropdownList` method is a private method of the `VegaTimePickerRangeDropdownRenderer` class. It is responsible for rendering the dropdown list of time values in the component's JSX. */
     this.renderDropdownList = (rangeIndex) => {
       const source = this.getTimeArray();
-      return (globalSlimmerRegistry.h("ul", { role: "menu", "aria-label": "dropdown-ul", class: {
+      return (index.h("ul", { role: "menu", "aria-label": "dropdown-ul", class: {
           'vega-time-picker-panel-column': true,
         } }, source.map((item, index) => {
         {
@@ -1362,7 +1364,7 @@ class VegaTimePickerRangeDropdownRenderer extends globalSlimmerRegistry.VegaSlim
     return elements;
   }
   render() {
-    return (globalSlimmerRegistry.h(globalSlimmerRegistry.Fragment, null,
+    return (index.h(index.Fragment, null,
       this.renderStartDropdown(),
       this.renderEndDropdown()));
   }
@@ -1372,13 +1374,13 @@ class VegaTimePickerRangeDropdownRenderer extends globalSlimmerRegistry.VegaSlim
    */
   /* istanbul ignore next */
   /** The `renderDropdownItem` method is responsible for rendering each item in the dropdown list of time values. It creates an `<li>` element with the following attributes and event handlers: */
-  renderDropdownItem(item, rangeIndex, index) {
-    return (globalSlimmerRegistry.h("li", { key: item, role: "menuitem", "aria-label": item, class: {
+  renderDropdownItem(item, rangeIndex, index$1) {
+    return (index.h("li", { key: item, role: "menuitem", "aria-label": item, class: {
         'vega-dropdown-item-selected': this.isItemSelected(item, rangeIndex),
-      }, tabIndex: index === 0 ? 0 : -1, "data-index": index, 
+      }, tabIndex: index$1 === 0 ? 0 : -1, "data-index": index$1, 
       /* eslint-disable-next-line react/jsx-no-bind */
       onClick: () => this.onItemClick(item, rangeIndex), onKeyDown: accessibility.createEnterKeyHandlerToTriggerClick() },
-      globalSlimmerRegistry.h("span", { "data-index": index, innerHTML: item })));
+      index.h("span", { "data-index": index$1, innerHTML: item })));
   }
   /*
    * The below method is e2e-test covered in
@@ -1492,11 +1494,11 @@ class VegaTimePickerRangeClearButtonRenderer extends globalSlimmerRegistry.VegaS
     };
   }
   render() {
-    return (globalSlimmerRegistry.h("div", { class: {
+    return (index.h("div", { class: {
         'vega-time-picker-range-clear-icon': true,
         'invisible': !this.isInvisible(),
       }, "aria-label": "clear input", role: "button", tabindex: "-1", onClick: this.onClickClearIcon, onKeyDown: accessibility.createEnterKeyHandlerToTriggerClick() },
-      globalSlimmerRegistry.h("vega-icon", { icon: "close", class: "v-min-w-min vega-flex-shrink-0" })));
+      index.h("vega-icon", { icon: "close", class: "v-min-w-min vega-flex-shrink-0" })));
   }
   /**
    * The function checks if the value is an array and if either of the elements in the array is truthy, returning true if so.
@@ -1868,9 +1870,9 @@ var __decorate$1 = (undefined && undefined.__decorate) || function (decorators,
 };
 const VegaTimePicker = class {
   constructor(hostRef) {
-    globalSlimmerRegistry.registerInstance(this, hostRef);
-    this.vegaChange = globalSlimmerRegistry.createEvent(this, "vegaChange", 7);
-    this.change = globalSlimmerRegistry.createEvent(this, "change", 7);
+    index.registerInstance(this, hostRef);
+    this.vegaChange = index.createEvent(this, "vegaChange", 7);
+    this.change = index.createEvent(this, "change", 7);
     this.globalSlimmers = {};
     this.translationSlimmer = new translationSlimmer.TranslationSlimmer();
     this.labelRenderer = new VegaTimePickerLabelRenderer();
@@ -1920,8 +1922,8 @@ const VegaTimePicker = class {
     this.startDropdownController = new VegaTimePickerRangeDropdownController('start');
     this.endDropdownController = new VegaTimePickerRangeDropdownController('end');
     this.inputMaskController = new VegaTimePickerInputMaskController();
-    this.inputEventPrevent = new childNodesEventPreventSlimmer.ChildNodesEventPreventSlimmer([domNodeSubjectObserverFactory.VegaChange], () => this.inputContainerRef);
-    this.changeEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaTimePicker, domNodeSubjectObserverFactory.VegaChange);
+    this.inputEventPrevent = new childNodesEventPreventSlimmer.ChildNodesEventPreventSlimmer([domNodeSubjectFactory.VegaChange], () => this.inputContainerRef);
+    this.changeEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaTimePicker, domNodeSubjectFactory.VegaChange);
     this.vegaComponentUsageRuntimeMetricsSlimmer = new componentUsageRuntimeMetrics.VegaComponentUsageRuntimeMetricsSlimmer(VegaTimePickerRuntimeMetricsPayloadDefinition);
     this.isMobileDevice = ui.getDeviceType() === ui.DeviceType.MOBILE;
     /** dropdown source */
@@ -2039,15 +2041,15 @@ const VegaTimePicker = class {
   }
   render() {
     const isRangeMode = this.mode === 'range';
-    return component.sanitizeVegaComponent(globalSlimmerRegistry.h(globalSlimmerRegistry.Host, { class: {
+    return component.sanitizeVegaComponent(index.h(index.Host, { class: {
         disabled: this.disabled,
-      } }, this.labelRenderer.render(), globalSlimmerRegistry.h("div", { class: {
+      } }, this.labelRenderer.render(), index.h("div", { class: {
         'vega-time-picker-input-container': true,
         'range-mode': isRangeMode,
         'mobile': isRangeMode && this.isMobileDevice,
       }, ref: (node) => (this.inputContainerRef = node) }, isRangeMode ? this.rangeInputRenderer.render() : this.singleInputRenderer.render()), isRangeMode ? this.rangeDropdownRenderer.render() : this.singleDropdownRenderer.render()), this.host);
   }
-  get host() { return globalSlimmerRegistry.getElement(this); }
+  get host() { return index.getElement(this); }
   static get watchers() { return {
     "isDropdownShow": ["watchIsDropdownShow"],
     "selectedTimeValue": ["watchSelectedTimeValue"],
@@ -2135,14 +2137,14 @@ var __decorate = (undefined && undefined.__decorate) || function (decorators, ta
 };
 const VegaTimePickerDropdown = class {
   constructor(hostRef) {
-    globalSlimmerRegistry.registerInstance(this, hostRef);
+    index.registerInstance(this, hostRef);
     this.globalSlimmers = {};
     this.vegaComponentUsageRuntimeMetricsSlimmer = new componentUsageRuntimeMetrics.VegaComponentUsageRuntimeMetricsSlimmer();
   }
   render() {
-    return component.sanitizeVegaComponent(globalSlimmerRegistry.h(globalSlimmerRegistry.Host, null), this.host);
+    return component.sanitizeVegaComponent(index.h(index.Host, null), this.host);
   }
-  get host() { return globalSlimmerRegistry.getElement(this); }
+  get host() { return index.getElement(this); }
 };
 __decorate([
   componentUsageRuntimeMetrics.InjectVegaGlobalSlimmer()

package/dist/cjs/vega-toggle-switch.cjs.entry.js

@@ -2,27 +2,29 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const globalSlimmerRegistry = require('./global-slimmer-registry-dd2691b8.js');
-const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-093462f1.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-a46bb411.js');
+const index = require('./index-09acd3c9.js');
+const domNodeSubjectFactory = require('./dom-node-subject-factory-3ec114b8.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-9c223f73.js');
 const accessibility = require('./accessibility-bfa227f6.js');
-const component = require('./component-63af66ea.js');
-const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-019d3c00.js');
-const formFieldControllerSlimmer = require('./form-field-controller-slimmer-9aeabcdc.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 formFieldControllerSlimmer = require('./form-field-controller-slimmer-7ef32059.js');
 const staticSubjectTitle = require('./static-subject-title-d66b88fb.js');
-const changeManager = require('./change-manager-bda1d107.js');
-require('./ui-b5906704.js');
-require('./dynamic-slimmer-dc30600a.js');
-require('./internal-vega-event-manager-d7643ec6.js');
+const changeManager = require('./change-manager-a297e4d2.js');
+require('./ui-5fd9b267.js');
+require('./dynamic-slimmer-f31fdfd7.js');
+require('./dom-node-subject-observer-factory-5f0eae19.js');
+require('./internal-vega-event-manager-e5e4bcf4.js');
 require('./string-21427167.js');
-require('./create-public-api-runtime-metrics-slimmer-8c6a8fb7.js');
+require('./create-public-api-runtime-metrics-slimmer-54c3f73b.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');
@@ -102,9 +104,9 @@ var __decorate = (undefined && undefined.__decorate) || function (decorators, ta
 };
 const VegaToggleSwitch = class {
   constructor(hostRef) {
-    globalSlimmerRegistry.registerInstance(this, hostRef);
-    this.vegaChange = globalSlimmerRegistry.createEvent(this, "vegaChange", 7);
-    this.change = globalSlimmerRegistry.createEvent(this, "change", 7);
+    index.registerInstance(this, hostRef);
+    this.vegaChange = index.createEvent(this, "vegaChange", 7);
+    this.change = index.createEvent(this, "change", 7);
     this.globalSlimmers = {};
     this.vegaComponentUsageRuntimeMetricsSlimmer = new componentUsageRuntimeMetrics.VegaComponentUsageRuntimeMetricsSlimmer();
     this.formFieldController = new formFieldControllerSlimmer.FormFieldControllerSlimmer({
@@ -120,7 +122,7 @@ const VegaToggleSwitch = class {
       inputContainerGetter: () => this.toggleSwitchContainer,
       touchableAreaGetter: () => [this.toggleSwitchContainer],
     });
-    this.changeEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaToggleSwitch, domNodeSubjectObserverFactory.VegaChange);
+    this.changeEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaToggleSwitch, domNodeSubjectFactory.VegaChange);
     /**
      * Specifies whether the toggle switch is in the checked state.
      *
@@ -217,12 +219,12 @@ const VegaToggleSwitch = class {
       : 'vega-container';
     divContainerCss += this.disabled ? ' vega-container-disabled' : '';
     divContainerCss += this.size === 'small' ? ' vega-container-small-size' : '';
-    return component.sanitizeVegaComponent(globalSlimmerRegistry.h(globalSlimmerRegistry.Host, null, globalSlimmerRegistry.h("vega-flex", { gap: "size-8", ref: (node) => (this.toggleSwitchContainer = node) }, globalSlimmerRegistry.h("div", { class: `${divContainerCss} vega-flex-shrink-0 v-min-w-min` }, globalSlimmerRegistry.h("input", { type: "checkbox", name: "switch", disabled: this.disabled, checked: this.checked, onChange: this.updateValue, "aria-label": this.label || 'No label defined', role: 'button', tabIndex: 0, onKeyDown: accessibility.createEnterKeyHandlerToTriggerClick() }), globalSlimmerRegistry.h("span", { class: this.disabled ? 'v-bg-tertiary' : 'v-bg-primary' })), this.renderLabelDom())), this.host);
+    return component.sanitizeVegaComponent(index.h(index.Host, null, index.h("vega-flex", { gap: "size-8", ref: (node) => (this.toggleSwitchContainer = node) }, index.h("div", { class: `${divContainerCss} vega-flex-shrink-0 v-min-w-min` }, index.h("input", { type: "checkbox", name: "switch", disabled: this.disabled, checked: this.checked, onChange: this.updateValue, "aria-label": this.label || 'No label defined', role: 'button', tabIndex: 0, onKeyDown: accessibility.createEnterKeyHandlerToTriggerClick() }), index.h("span", { class: this.disabled ? 'v-bg-tertiary' : 'v-bg-primary' })), this.renderLabelDom())), this.host);
   }
   renderLabelDom() {
-    return this.label ? (globalSlimmerRegistry.h("div", { class: "vega-flex-basis-0 vega-flex-grow" }, globalSlimmerRegistry.h("vega-field-label", { onClick: this.toggleSwitch, disabled: this.disabled, label: this.label, isFieldRequired: this.required }))) : null;
+    return this.label ? (index.h("div", { class: "vega-flex-basis-0 vega-flex-grow" }, index.h("vega-field-label", { onClick: this.toggleSwitch, disabled: this.disabled, label: this.label, isFieldRequired: this.required }))) : null;
   }
-  get host() { return globalSlimmerRegistry.getElement(this); }
+  get host() { return index.getElement(this); }
   static get watchers() { return {
     "checked": ["watchCheckedChange"],
     "value": ["watchValue"],