@heartlandone/vega 1.46.0 → 1.46.1

package/dist/cjs/{app-globals-ab4eee7c.js → app-globals-16ca027a.js}

@@ -1,9 +1,9 @@
 'use strict';
 
 const featureFlagController = require('./featureFlagController-1ed087d2.js');
-const themeManager = require('./themeManager-6ba8be2a.js');
+const themeManager = require('./themeManager-2b0abc09.js');
 const log = require('./log-5d8066e0.js');
-const vegaDialogController = require('./vegaDialogController-d2ae40fb.js');
+const vegaDialogController = require('./vegaDialogController-21a3e16d.js');
 
 /**
  * Default export function that will be used by stencil global script,

package/dist/cjs/{formFieldControllerSlimmer-4bd62d43.js → formFieldControllerSlimmer-9b70ba06.js}

@@ -7,7 +7,7 @@ const string = require('./string-21427167.js');
 const changeManager = require('./changeManager-d4738fdb.js');
 const observer = require('./observer-126f19d0.js');
 const ui = require('./ui-824caf47.js');
-const misc = require('./misc-3d30df91.js');
+const misc = require('./misc-7e450dae.js');
 
 /** The `FormFieldValidationRuleHandler` class is responsible for handling the validation rules for a form field. */
 class FormFieldValidationRuleHandler {

package/dist/cjs/index.cjs.js

@@ -6,17 +6,17 @@ const breakpoints = require('./breakpoints-07fcbeba.js');
 const log = require('./log-5d8066e0.js');
 const designToken = require('./designToken-14ac9337.js');
 const string = require('./string-21427167.js');
+const misc = require('./misc-7e450dae.js');
 const typeGuard = require('./typeGuard-f648ca22.js');
 const breakpoints$1 = require('./breakpoints-23bb4f74.js');
 const icons = require('./icons-44ed411d.js');
 const typography = require('./typography-358013af.js');
 const ui = require('./ui-bac156c5.js');
 const featureFlagController = require('./featureFlagController-1ed087d2.js');
-const themeManager = require('./themeManager-6ba8be2a.js');
-const vegaDialogController = require('./vegaDialogController-d2ae40fb.js');
+const themeManager = require('./themeManager-2b0abc09.js');
+const vegaDialogController = require('./vegaDialogController-21a3e16d.js');
 require('./responsiveFormatFacade-82b43462.js');
 require('./number-7e7d9981.js');
-require('./misc-3d30df91.js');
 require('./ui-824caf47.js');
 require('./ui.type-655d8879.js');
 require('./zIndexManager-d5650f0d.js');
@@ -42,6 +42,7 @@ exports.formatAndValidResponsiveToken = designToken.formatAndValidResponsiveToke
 exports.formatAndValidShadow = designToken.formatAndValidShadow;
 exports.formatAndValidTextColor = designToken.formatAndValidTextColor;
 exports.camelToDashCase = string.camelToDashCase;
+exports.setVegaEnv = misc.setVegaEnv;
 exports.BackgroundColors = typeGuard.BackgroundColors;
 exports.BorderColors = typeGuard.BorderColors;
 exports.BorderRadius = typeGuard.BorderRadius;

package/dist/cjs/loader.cjs.js

@@ -3,17 +3,17 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-0ca30e90.js');
-const appGlobals = require('./app-globals-ab4eee7c.js');
+const appGlobals = require('./app-globals-16ca027a.js');
 require('./featureFlagController-1ed087d2.js');
 require('./log-5d8066e0.js');
-require('./themeManager-6ba8be2a.js');
-require('./misc-3d30df91.js');
+require('./themeManager-2b0abc09.js');
+require('./misc-7e450dae.js');
 require('./ui-824caf47.js');
 require('./ui.type-655d8879.js');
 require('./zIndexManager-d5650f0d.js');
 require('./number-7e7d9981.js');
 require('./tinycolor-14174cd4.js');
-require('./vegaDialogController-d2ae40fb.js');
+require('./vegaDialogController-21a3e16d.js');
 
 /*
  Stencil Client Patch Esm v2.17.4 | MIT Licensed | https://stenciljs.com

package/dist/cjs/{misc-3d30df91.js → misc-7e450dae.js}

@@ -35,7 +35,25 @@ const isAsyncFunction = (fn) => {
     return false;
   }
 };
+const frameworkSafeList = ['angular', 'vue', 'react', 'next'];
+/**
+ * The function sets the Vega environment by assigning the provided environment object to the global `_vega_env_` variable.
+ *
+ * @param {Record<string, string>} env - The `env` parameter is an object that represents the environment variables. It is a
+ * record where each key-value pair represents an environment variable name and its corresponding value.
+ */
+function setVegaEnv(env) {
+  /* eslint-disable @typescript-eslint/naming-convention */
+  try {
+    if (!globalThis['_vega_env_'] && env && frameworkSafeList.includes(env.framework)) {
+      Object.assign(globalThis, { _vega_env_: env });
+    }
+    //eslint-disable-next-line no-empty
+  }
+  catch (e) { }
+}
 
 exports.generateUUID = generateUUID;
 exports.isAsyncFunction = isAsyncFunction;
 exports.isObjectEmpty = isObjectEmpty;
+exports.setVegaEnv = setVegaEnv;

package/dist/cjs/{themeManager-6ba8be2a.js → themeManager-2b0abc09.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const misc = require('./misc-3d30df91.js');
+const misc = require('./misc-7e450dae.js');
 const ui = require('./ui-824caf47.js');
 const zIndexManager = require('./zIndexManager-d5650f0d.js');
 const ui_type = require('./ui.type-655d8879.js');

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

@@ -18,7 +18,7 @@ const ui = require('./ui-824caf47.js');
 const effect = require('./effect-37695d3d.js');
 const observer = require('./observer-126f19d0.js');
 const placeholder = require('./placeholder-1d8034a7.js');
-const formFieldControllerSlimmer = require('./formFieldControllerSlimmer-4bd62d43.js');
+const formFieldControllerSlimmer = require('./formFieldControllerSlimmer-9b70ba06.js');
 const requiredFieldRule = require('./requiredFieldRule-56f10b25.js');
 const array = require('./array-e1e5ed1d.js');
 const ui_type = require('./ui.type-655d8879.js');
@@ -35,7 +35,7 @@ const minStringLengthRule = require('./minStringLengthRule-66ee0c3c.js');
 const legendInputProcessor = require('./legendInputProcessor-c96488db.js');
 const yAxisInputProcessor = require('./yAxisInputProcessor-b101f254.js');
 const number = require('./number-7e7d9981.js');
-const misc$1 = require('./misc-3d30df91.js');
+const misc$1 = require('./misc-7e450dae.js');
 const vegaTableExpandRowController = require('./vega-table-expand-row-controller-e17f9aef.js');
 const injectElementAppender = require('./injectElementAppender-cd0943d5.js');
 const injectKeyboardManager = require('./injectKeyboardManager-ee7afa46.js');
@@ -4226,7 +4226,7 @@ const VegaInput = class {
     }
     containerClass += this.size === 'small' ? ' vega-input-size-small' : ' vega-input-size-default';
     containerClass += this.disabled ? ' vega-input-disabled' : '';
-    return (index.h("div", { class: "vega-input" }, this.renderLabelDom(), index.h("div", { class: containerClass, onClick: this.focusInput, "aria-label": "input container", role: "textbox", tabIndex: -1, onKeyDown: accessibility.createEnterKeyHandlerToTriggerClick() }, this.prefixDom(), this.containerDom(), this.showClearIcon && this.renderClearIcon()), this.renderHintDom()));
+    return (index.h("div", { class: "vega-input" }, this.renderLabelDom(), index.h("div", { class: containerClass, onClick: this.focusInput, "aria-label": "input container", role: "textbox", tabIndex: !this.disabled ? -1 : null, onKeyDown: accessibility.createEnterKeyHandlerToTriggerClick() }, this.prefixDom(), this.containerDom(), this.showClearIcon && this.renderClearIcon()), this.renderHintDom()));
   }
   renderLabelDom() {
     if (featureFlagController.FeatureFlag.isEnabled('VEGA_FIELD_LABEL.SHOW_LABEL')) {
@@ -9934,7 +9934,7 @@ const VegaTimePicker = class {
         this.selectedTimeValue = {
           hour: timeArray[0],
           minute: this.increments > 1 ? this.getClosestMinuteForCurrent(timeArray[1]) : timeArray[1],
-          amPm: this.timeFormat === '12-hour' ? timeArray[2] : null,
+          amPm: this.timeFormat === '12-hour' ? timeArray[2] : undefined,
         };
       }
     };
@@ -9947,7 +9947,9 @@ const VegaTimePicker = class {
       const minute = pad(new Date(Date.now()).getMinutes());
       if (timeFormat === '12-hour') {
         return {
-          hour: curHour > 12 ? pad(curHour - 12) : pad(curHour === 0 ? 12 : curHour),
+          hour: curHour > 12
+            ? pad(curHour - 12)
+            : pad(curHour === 0 ? 12 : curHour),
           minute: minute,
           amPm: curHour >= 12 ? 'PM' : 'AM',
         };
@@ -10120,7 +10122,7 @@ const VegaTimePicker = class {
       : (this.value = `${hour}:${minute}`);
   }
   getSourceMinutesStrings() {
-    if (this.increments < 1 || this.increments > 59) {
+    if (this.increments < 1 || this.increments > 59 || isNaN(Number(this.increments))) {
       log.LogUtility.warn('The increments should be between 1 and 59.');
       this.increments = 1;
     }

package/dist/cjs/vega-color-picker.cjs.entry.js

@@ -7,7 +7,7 @@ const requiredFieldRule = require('./requiredFieldRule-56f10b25.js');
 const accessibility = require('./accessibility-bfa227f6.js');
 const component = require('./component-a51251c5.js');
 const ui = require('./ui-824caf47.js');
-const formFieldControllerSlimmer = require('./formFieldControllerSlimmer-4bd62d43.js');
+const formFieldControllerSlimmer = require('./formFieldControllerSlimmer-9b70ba06.js');
 const vegaSlimmer = require('./vega-slimmer-c554cd02.js');
 const placeholder = require('./placeholder-1d8034a7.js');
 require('./featureFlagController-1ed087d2.js');
@@ -17,7 +17,7 @@ require('./map-to-component-method-30d54832.js');
 require('./string-21427167.js');
 require('./changeManager-d4738fdb.js');
 require('./observer-126f19d0.js');
-require('./misc-3d30df91.js');
+require('./misc-7e450dae.js');
 
 var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;

package/dist/cjs/vega-combo-box.cjs.entry.js

@@ -12,7 +12,7 @@ const accessibility = require('./accessibility-bfa227f6.js');
 const injectKeyboardManager = require('./injectKeyboardManager-ee7afa46.js');
 const vegaSlimmer = require('./vega-slimmer-c554cd02.js');
 const placeholder = require('./placeholder-1d8034a7.js');
-const formFieldControllerSlimmer = require('./formFieldControllerSlimmer-4bd62d43.js');
+const formFieldControllerSlimmer = require('./formFieldControllerSlimmer-9b70ba06.js');
 require('./featureFlagController-1ed087d2.js');
 require('./log-5d8066e0.js');
 require('./breakpoints-23bb4f74.js');
@@ -25,7 +25,7 @@ require('./map-to-component-method-30d54832.js');
 require('./string-21427167.js');
 require('./changeManager-d4738fdb.js');
 require('./observer-126f19d0.js');
-require('./misc-3d30df91.js');
+require('./misc-7e450dae.js');
 
 var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
@@ -248,15 +248,7 @@ const VegaComboBox = class {
     }));
   }
   renderInputContainer() {
-    return (index.h("div", { class: "vega-combo-box-input-container" }, index.h("input", { onInput: this.onInputChange, onBlur: this.onInputBlur, "aria-label": this.label || 'No label defined', placeholder: this.value.length === 0 ? this.placeholder : '', ref: (e) => (this.searchInputRef = e), onKeyDown: accessibility.createEnterKeyHandlerToTriggerClick(), disabled: this.disabled })));
-  }
-  /**
-   * The below method is e2e-test covered in
-   * @see{module:should not do validation when blur event triggered}
-   */
-  /* istanbul ignore next */
-  onInputBlur(e) {
-    e.stopImmediatePropagation();
+    return (index.h("div", { class: "vega-combo-box-input-container" }, index.h("input", { onInput: this.onInputChange, "aria-label": this.label || 'No label defined', placeholder: this.value.length === 0 ? this.placeholder : '', ref: (e) => (this.searchInputRef = e), onKeyDown: accessibility.createEnterKeyHandlerToTriggerClick(), disabled: this.disabled })));
   }
   async onChipClose(key) {
     this.value = [...array.deleteItemsFromArray(this.value, [key])];

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

@@ -200,7 +200,7 @@ const VegaFont = class {
     /**
      * Specifies the typography token used for styling the text within this component. A typography token includes values for font size and line height.
      */
-    this.variant = 'font-field-value';
+    this.variant = 'font-field-label';
     /**
      * Specifies the font color represented by a valid text color token.
      */

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-0ca30e90.js');
-const formFieldControllerSlimmer = require('./formFieldControllerSlimmer-4bd62d43.js');
+const formFieldControllerSlimmer = require('./formFieldControllerSlimmer-9b70ba06.js');
 const changeManager = require('./changeManager-d4738fdb.js');
 const observer = require('./observer-126f19d0.js');
 const array = require('./array-e1e5ed1d.js');
@@ -14,7 +14,7 @@ require('./map-to-component-method-30d54832.js');
 require('./featureFlagController-1ed087d2.js');
 require('./log-5d8066e0.js');
 require('./string-21427167.js');
-require('./misc-3d30df91.js');
+require('./misc-7e450dae.js');
 require('./number-7e7d9981.js');
 require('./ui.type-655d8879.js');
 

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

@@ -9,12 +9,12 @@ const vegaSlimmer = require('./vega-slimmer-c554cd02.js');
 const placeholder = require('./placeholder-1d8034a7.js');
 const mapToComponentMethod = require('./map-to-component-method-30d54832.js');
 const accessibility = require('./accessibility-bfa227f6.js');
-const vegaDialogController = require('./vegaDialogController-d2ae40fb.js');
-const formFieldControllerSlimmer = require('./formFieldControllerSlimmer-4bd62d43.js');
+const vegaDialogController = require('./vegaDialogController-21a3e16d.js');
+const formFieldControllerSlimmer = require('./formFieldControllerSlimmer-9b70ba06.js');
 const ui = require('./ui-824caf47.js');
 require('./featureFlagController-1ed087d2.js');
 require('./log-5d8066e0.js');
-require('./misc-3d30df91.js');
+require('./misc-7e450dae.js');
 require('./string-21427167.js');
 require('./changeManager-d4738fdb.js');
 require('./observer-126f19d0.js');

package/dist/cjs/vega-input-credit-card.cjs.entry.js

@@ -8,7 +8,7 @@ const number = require('./number-7e7d9981.js');
 const component = require('./component-a51251c5.js');
 const vegaSlimmer = require('./vega-slimmer-c554cd02.js');
 const placeholder = require('./placeholder-1d8034a7.js');
-const formFieldControllerSlimmer = require('./formFieldControllerSlimmer-4bd62d43.js');
+const formFieldControllerSlimmer = require('./formFieldControllerSlimmer-9b70ba06.js');
 require('./featureFlagController-1ed087d2.js');
 require('./log-5d8066e0.js');
 require('./map-to-component-method-30d54832.js');
@@ -17,7 +17,7 @@ require('./changeManager-d4738fdb.js');
 require('./observer-126f19d0.js');
 require('./ui-824caf47.js');
 require('./ui.type-655d8879.js');
-require('./misc-3d30df91.js');
+require('./misc-7e450dae.js');
 
 const CARDS_INFO = [
   {

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

@@ -12,13 +12,13 @@ require('./log-5d8066e0.js');
 require('./tinycolor-14174cd4.js');
 const vegaSlimmer = require('./vega-slimmer-c554cd02.js');
 const placeholder = require('./placeholder-1d8034a7.js');
-const formFieldControllerSlimmer = require('./formFieldControllerSlimmer-4bd62d43.js');
+const formFieldControllerSlimmer = require('./formFieldControllerSlimmer-9b70ba06.js');
 require('./map-to-component-method-30d54832.js');
 require('./string-21427167.js');
 require('./changeManager-d4738fdb.js');
 require('./observer-126f19d0.js');
 require('./ui-824caf47.js');
-require('./misc-3d30df91.js');
+require('./misc-7e450dae.js');
 
 var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;

package/dist/cjs/vega-table-cell.cjs.entry.js

@@ -37,10 +37,9 @@ const VegaTableCell = class {
     const columnClass = ui.arrayToClassString([
       responsiveClass,
       columnAlignClass,
-      overflowClass,
       'vega-table-cell',
     ]);
-    return component.sanitizeVegaComponent(index.h(index.Host, null, index.h("td", { class: columnClass, style: { width: this.width } }, index.h("slot", null))), this.host);
+    return component.sanitizeVegaComponent(index.h(index.Host, null, index.h("td", { class: columnClass, style: { width: this.width } }, index.h("div", { class: overflowClass }, index.h("slot", null)))), this.host);
   }
   get host() { return index.getElement(this); }
 };

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

@@ -9,7 +9,7 @@ const requiredFieldRule = require('./requiredFieldRule-56f10b25.js');
 const component = require('./component-a51251c5.js');
 const vegaSlimmer = require('./vega-slimmer-c554cd02.js');
 const placeholder = require('./placeholder-1d8034a7.js');
-const formFieldControllerSlimmer = require('./formFieldControllerSlimmer-4bd62d43.js');
+const formFieldControllerSlimmer = require('./formFieldControllerSlimmer-9b70ba06.js');
 require('./log-5d8066e0.js');
 require('./map-to-component-method-30d54832.js');
 require('./string-21427167.js');
@@ -17,7 +17,7 @@ require('./changeManager-d4738fdb.js');
 require('./observer-126f19d0.js');
 require('./ui-824caf47.js');
 require('./ui.type-655d8879.js');
-require('./misc-3d30df91.js');
+require('./misc-7e450dae.js');
 
 var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;

package/dist/cjs/vega.cjs.js

@@ -1,17 +1,17 @@
 'use strict';
 
 const index = require('./index-0ca30e90.js');
-const appGlobals = require('./app-globals-ab4eee7c.js');
+const appGlobals = require('./app-globals-16ca027a.js');
 require('./featureFlagController-1ed087d2.js');
 require('./log-5d8066e0.js');
-require('./themeManager-6ba8be2a.js');
-require('./misc-3d30df91.js');
+require('./themeManager-2b0abc09.js');
+require('./misc-7e450dae.js');
 require('./ui-824caf47.js');
 require('./ui.type-655d8879.js');
 require('./zIndexManager-d5650f0d.js');
 require('./number-7e7d9981.js');
 require('./tinycolor-14174cd4.js');
-require('./vegaDialogController-d2ae40fb.js');
+require('./vegaDialogController-21a3e16d.js');
 
 /*
  Stencil Client Patch Browser v2.17.4 | MIT Licensed | https://stenciljs.com

package/dist/cjs/{vegaDialogController-d2ae40fb.js → vegaDialogController-21a3e16d.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const misc = require('./misc-3d30df91.js');
+const misc = require('./misc-7e450dae.js');
 
 var __rest = (undefined && undefined.__rest) || function (s, e) {
   var t = {};

package/dist/collection/components/vega-combo-box/vega-combo-box.js

@@ -226,15 +226,7 @@ export class VegaComboBox {
   }
   renderInputContainer() {
     return (h("div", { class: "vega-combo-box-input-container" },
-      h("input", { onInput: this.onInputChange, onBlur: this.onInputBlur, "aria-label": this.label || 'No label defined', placeholder: this.value.length === 0 ? this.placeholder : '', ref: (e) => (this.searchInputRef = e), onKeyDown: createEnterKeyHandlerToTriggerClick(), disabled: this.disabled })));
-  }
-  /**
-   * The below method is e2e-test covered in
-   * @see{module:should not do validation when blur event triggered}
-   */
-  /* istanbul ignore next */
-  onInputBlur(e) {
-    e.stopImmediatePropagation();
+      h("input", { onInput: this.onInputChange, "aria-label": this.label || 'No label defined', placeholder: this.value.length === 0 ? this.placeholder : '', ref: (e) => (this.searchInputRef = e), onKeyDown: createEnterKeyHandlerToTriggerClick(), disabled: this.disabled })));
   }
   async onChipClose(key) {
     this.value = [...deleteItemsFromArray(this.value, [key])];

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

@@ -23,7 +23,7 @@ export class VegaFont {
     /**
      * Specifies the typography token used for styling the text within this component. A typography token includes values for font size and line height.
      */
-    this.variant = 'font-field-value';
+    this.variant = 'font-field-label';
     /**
      * Specifies the font color represented by a valid text color token.
      */
@@ -86,7 +86,7 @@ export class VegaFont {
       },
       "attribute": "variant",
       "reflect": false,
-      "defaultValue": "'font-field-value'"
+      "defaultValue": "'font-field-label'"
     },
     "color": {
       "type": "string",

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

@@ -320,7 +320,7 @@ export class VegaInput {
     containerClass += this.disabled ? ' vega-input-disabled' : '';
     return (h("div", { class: "vega-input" },
       this.renderLabelDom(),
-      h("div", { class: containerClass, onClick: this.focusInput, "aria-label": "input container", role: "textbox", tabIndex: -1, onKeyDown: createEnterKeyHandlerToTriggerClick() },
+      h("div", { class: containerClass, onClick: this.focusInput, "aria-label": "input container", role: "textbox", tabIndex: !this.disabled ? -1 : null, onKeyDown: createEnterKeyHandlerToTriggerClick() },
         this.prefixDom(),
         this.containerDom(),
         this.showClearIcon && this.renderClearIcon()),

package/dist/collection/components/vega-table/vega-table-cell/vega-table-cell.js

@@ -24,12 +24,12 @@ export class VegaTableCell {
     const columnClass = arrayToClassString([
       responsiveClass,
       columnAlignClass,
-      overflowClass,
       'vega-table-cell',
     ]);
     return sanitizeVegaComponent(h(Host, null,
       h("td", { class: columnClass, style: { width: this.width } },
-        h("slot", null))), this.host);
+        h("div", { class: overflowClass },
+          h("slot", null)))), this.host);
   }
   static get is() { return "vega-table-cell"; }
   static get properties() { return {

package/dist/collection/components/vega-time-picker/vega-time-picker.js

@@ -165,7 +165,7 @@ export class VegaTimePicker {
         this.selectedTimeValue = {
           hour: timeArray[0],
           minute: this.increments > 1 ? this.getClosestMinuteForCurrent(timeArray[1]) : timeArray[1],
-          amPm: this.timeFormat === '12-hour' ? timeArray[2] : null,
+          amPm: this.timeFormat === '12-hour' ? timeArray[2] : undefined,
         };
       }
     };
@@ -178,7 +178,9 @@ export class VegaTimePicker {
       const minute = pad(new Date(Date.now()).getMinutes());
       if (timeFormat === '12-hour') {
         return {
-          hour: curHour > 12 ? pad(curHour - 12) : pad(curHour === 0 ? 12 : curHour),
+          hour: curHour > 12
+            ? pad(curHour - 12)
+            : pad(curHour === 0 ? 12 : curHour),
           minute: minute,
           amPm: curHour >= 12 ? 'PM' : 'AM',
         };
@@ -360,7 +362,7 @@ export class VegaTimePicker {
       : (this.value = `${hour}:${minute}`);
   }
   getSourceMinutesStrings() {
-    if (this.increments < 1 || this.increments > 59) {
+    if (this.increments < 1 || this.increments > 59 || isNaN(Number(this.increments))) {
       LogUtility.warn('The increments should be between 1 and 59.');
       this.increments = 1;
     }
@@ -573,7 +575,7 @@ export class VegaTimePicker {
       "type": "boolean",
       "mutable": true,
       "complexType": {
-        "original": "boolean",
+        "original": "boolean | null",
         "resolved": "boolean",
         "references": {}
       },

package/dist/collection/decorators/property-decorators/tests/injectElementAppenderProxy.test.js

@@ -202,12 +202,15 @@ describe('@InjectElementAppender() decorator test suite', () => {
   });
   test('should make InjectElementAppender work proper', () => {
     class MockedComponent {
+      constructor() {
+        this.isDropdownShow = false;
+      }
     }
     __decorate([
       InjectElementAppender((host) => ({
         target: host.target,
         appendableElement: host.appendableElement,
-      }), () => 'none')
+      }), () => 'none', 'isDropdownShow')
     ], MockedComponent.prototype, "elementAppender", void 0);
     const mockedComponent = new MockedComponent();
     mockedComponent.componentDidLoad();
@@ -221,12 +224,15 @@ describe('@InjectElementAppender() decorator test suite', () => {
   });
   test('should work proper while target and appendableElement is null', () => {
     class MockedComponent {
+      constructor() {
+        this.isDropdownShow = false;
+      }
     }
     __decorate([
       InjectElementAppender(() => ({
         target: null,
         appendableElement: null,
-      }), () => 'click')
+      }), () => 'click', 'isDropdownShow')
     ], MockedComponent.prototype, "elementAppender", void 0);
     const mockedComponent = new MockedComponent();
     mockedComponent.componentDidLoad();

package/dist/collection/utils/misc.js

@@ -33,3 +33,20 @@ export const isAsyncFunction = (fn) => {
     return false;
   }
 };
+const frameworkSafeList = ['angular', 'vue', 'react', 'next'];
+/**
+ * The function sets the Vega environment by assigning the provided environment object to the global `_vega_env_` variable.
+ *
+ * @param {Record<string, string>} env - The `env` parameter is an object that represents the environment variables. It is a
+ * record where each key-value pair represents an environment variable name and its corresponding value.
+ */
+export function setVegaEnv(env) {
+  /* eslint-disable @typescript-eslint/naming-convention */
+  try {
+    if (!globalThis['_vega_env_'] && env && frameworkSafeList.includes(env.framework)) {
+      Object.assign(globalThis, { _vega_env_: env });
+    }
+    //eslint-disable-next-line no-empty
+  }
+  catch (e) { }
+}

package/dist/collection/utils/publicApi.js

@@ -2,3 +2,4 @@ export { getCurrentBreakpoint } from './breakpoints';
 export { LogUtility } from './log';
 export { formatAndValidResponsiveToken, formatAndValidGap, formatAndValidShadow, formatAndValidBreakpointSize, formatAndValidBackgroundColor, formatAndValidBorderColor, formatAndValidBorderRadius, formatAndValidFlexBreakpoint, formatAndValidPadding, formatAndValidTextColor, } from './designToken';
 export { camelToDashCase } from './string';
+export { setVegaEnv } from './misc';

package/dist/collection/utils/test/misc.test.js

@@ -1,4 +1,4 @@
-import { generateUUID, isAsyncFunction, isObjectEmpty } from '../misc';
+import { generateUUID, isAsyncFunction, isObjectEmpty, setVegaEnv } from '../misc';
 test('generateUUID as expected', () => {
   const dateNowStub = jest.fn(() => 1530518207007);
   global.Date.now = dateNowStub;
@@ -38,3 +38,8 @@ test('isAsyncFunction as expected', () => {
   expect(isAsyncFunction(testFn5)).toBeFalsy();
   expect(isAsyncFunction(testFn6)).toBeFalsy();
 });
+test('setVegaEnv as expected', () => {
+  const mockEnv = { framework: 'react' };
+  setVegaEnv(mockEnv);
+  expect(globalThis['_vega_env_']).toEqual(mockEnv);
+});

package/dist/esm/{app-globals-ee0d9385.js → app-globals-b640bd87.js}

@@ -1,7 +1,7 @@
 import { F as FeatureFlag } from './featureFlagController-4af2e47b.js';
-import { V as VegaLoader, a as VegaNotify, b as VegaThemeManager } from './themeManager-ca559d9e.js';
+import { V as VegaLoader, a as VegaNotify, b as VegaThemeManager } from './themeManager-e3fa04c2.js';
 import { s as setVegaLogLevel } from './log-a824be80.js';
-import { V as VegaDialog } from './vegaDialogController-a23aae0f.js';
+import { V as VegaDialog } from './vegaDialogController-e846b92b.js';
 
 /**
  * Default export function that will be used by stencil global script,

package/dist/esm/{formFieldControllerSlimmer-0118a14e.js → formFieldControllerSlimmer-09f6795f.js}

@@ -5,7 +5,7 @@ import { c as camelToDashCase } from './string-be824360.js';
 import { C as ChangeManager, g as FORM_FIELD_PENDING_VALID_CHANGE, h as FORM_FIELD_ELEMENT_DISCONNECTED, i as FORM_RESET_OPERATION_TRIGGERED, F as FORM_SUBMIT, j as FIELD_ERROR_MESSAGE_CHANGE } from './changeManager-f79d6d08.js';
 import { O as Observer } from './observer-8ff2bb65.js';
 import { f as findParent, c as isElementVisible } from './ui-de038e30.js';
-import { a as isAsyncFunction, g as generateUUID } from './misc-9fdbcfbb.js';
+import { a as isAsyncFunction, g as generateUUID } from './misc-5b7f93da.js';
 
 /** The `FormFieldValidationRuleHandler` class is responsible for handling the validation rules for a form field. */
 class FormFieldValidationRuleHandler {

package/dist/esm/index.js

@@ -2,17 +2,17 @@ export { g as getCurrentBreakpoint } from './breakpoints-011b5bc5.js';
 export { L as LogUtility, s as setVegaLogLevel } from './log-a824be80.js';
 export { d as formatAndValidBackgroundColor, e as formatAndValidBorderColor, g as formatAndValidBorderRadius, c as formatAndValidBreakpointSize, h as formatAndValidFlexBreakpoint, a as formatAndValidGap, i as formatAndValidPadding, f as formatAndValidResponsiveToken, b as formatAndValidShadow, j as formatAndValidTextColor } from './designToken-4019f77f.js';
 export { c as camelToDashCase } from './string-be824360.js';
+export { s as setVegaEnv } from './misc-5b7f93da.js';
 export { a as BackgroundColors, b as BorderColors, B as BorderRadius, C as Colors, F as FillBackgroundColors, c as Shadows, d as Spacing, S as StrokeBackgroundColors, T as TextColors } from './typeGuard-9fa9d8db.js';
 export { B as Breakpoints } from './breakpoints-d6ef9003.js';
 export { I as Icons, g as getIconFromToken } from './icons-42174059.js';
 export { T as Typography, a as TypographyKeys } from './typography-8a180b9c.js';
 export { B as BreakpointKeys } from './ui-f441c535.js';
 export { F as FeatureFlag } from './featureFlagController-4af2e47b.js';
-export { V as VegaLoader, a as VegaNotify, b as VegaThemeManager } from './themeManager-ca559d9e.js';
-export { V as VegaDialog } from './vegaDialogController-a23aae0f.js';
+export { V as VegaLoader, a as VegaNotify, b as VegaThemeManager } from './themeManager-e3fa04c2.js';
+export { V as VegaDialog } from './vegaDialogController-e846b92b.js';
 import './responsiveFormatFacade-74de412c.js';
 import './number-400b3bf2.js';
-import './misc-9fdbcfbb.js';
 import './ui-de038e30.js';
 import './ui.type-12100305.js';
 import './zIndexManager-3a694c18.js';

package/dist/esm/loader.js

@@ -1,15 +1,15 @@
 import { p as promiseResolve, b as bootstrapLazy } from './index-15c74515.js';
-import { g as globalScripts } from './app-globals-ee0d9385.js';
+import { g as globalScripts } from './app-globals-b640bd87.js';
 import './featureFlagController-4af2e47b.js';
 import './log-a824be80.js';
-import './themeManager-ca559d9e.js';
-import './misc-9fdbcfbb.js';
+import './themeManager-e3fa04c2.js';
+import './misc-5b7f93da.js';
 import './ui-de038e30.js';
 import './ui.type-12100305.js';
 import './zIndexManager-3a694c18.js';
 import './number-400b3bf2.js';
 import './tinycolor-ca77a535.js';
-import './vegaDialogController-a23aae0f.js';
+import './vegaDialogController-e846b92b.js';
 
 /*
  Stencil Client Patch Esm v2.17.4 | MIT Licensed | https://stenciljs.com