@heartlandone/vega 1.34.0 → 1.35.1

package/dist/cjs/{accessibility-34d46f85.js → accessibility-bfa227f6.js}

@@ -7,8 +7,9 @@
  */
 function createEnterKeyHandlerToTriggerClick() {
   return function (e) {
+    var _a;
     if (e.key === 'Enter') {
-      e.currentTarget.dispatchEvent(new MouseEvent('click', { bubbles: true, cancelable: true, view: window }));
+      (_a = e.currentTarget) === null || _a === void 0 ? void 0 : _a.dispatchEvent(new MouseEvent('click', { bubbles: true, cancelable: true, view: window }));
     }
   };
 }

package/dist/cjs/{app-globals-f177f57b.js → app-globals-c8a5e8f9.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-const log = require('./log-64419e33.js');
-const themeManager = require('./themeManager-1fe9db92.js');
-const vegaDialogController = require('./vegaDialogController-2205d22a.js');
+const log = require('./log-2402f20e.js');
+const themeManager = require('./themeManager-1d14fe0d.js');
+const vegaDialogController = require('./vegaDialogController-7b71945a.js');
 
 /**
  * Default export function that will be used by stencil global script,

package/dist/cjs/{array-e17a71f6.js → array-e1e5ed1d.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const number = require('./number-c79c4d01.js');
+const number = require('./number-7e7d9981.js');
 
 /**
  * It flattens an array of objects
@@ -14,21 +14,36 @@ const flattenChildren = (arr, children = 'children') => {
   return arr.reduce((result, item) => result.concat(item[children] ? flattenChildren(item[children], children) : item), []);
 };
 /**
- * Compare if the two arrays are equal or not
+ * The function checks if two arrays are equal, either in order or ignoring order.
  *
- * @param {T[]} first - T[] - The first array to compare.
- * @param {T[]} second - T[] - The second array to compare to the first.
- * @returns {boolean} It returns true if the two arrays are equal, and false if they are not
+ * @param {T[]} first - An array of type T, which is the first array to compare.
+ * @param {T[]} second - `second` is the second array that is being compared for equality with the
+ * first array (`first`).
+ * @param {boolean} [ignoreOrder=false] - The `ignoreOrder` parameter is a boolean flag that determines
+ * whether the order of elements in the arrays should be taken into account when comparing them. If
+ * `ignoreOrder` is set to `true`, the function will return `true` if the two arrays contain the same
+ * elements, regardless of their order
+ * @returns {boolean} The function `isArrayEqual` returns a boolean value indicating whether the two input arrays
+ * are equal or not. If the arrays are equal, it returns `true`, otherwise it returns `false`. The
+ * equality of the arrays can be determined either by comparing the elements in the same order or by
+ * ignoring the order of the elements.
  */
-const isArrayEqual = (first, second) => {
+const isArrayEqual = (first, second, ignoreOrder = false) => {
   if (!Array.isArray(first) || !Array.isArray(second) || first.length != second.length)
     return false;
-  for (let i = 0; i < first.length; i++) {
-    if (first[i] !== second[i]) {
-      return false;
+  if (ignoreOrder) {
+    const firstSet = new Set(first);
+    const secondSet = new Set(second);
+    return first.every((item) => secondSet.has(item)) && second.every((item) => firstSet.has(item));
+  }
+  else {
+    for (let i = 0; i < first.length; i++) {
+      if (first[i] !== second[i]) {
+        return false;
+      }
     }
+    return true;
   }
-  return true;
 };
 /**
  * Return true if all the keys of the object are numbers since it's an array-like object, false otherwise.
@@ -126,6 +141,37 @@ function sortArrayOrNestedArray(data, sortBy) {
   }
   return result;
 }
+/**
+ * This function sorts an array or nested array based on a provided accessor function and an existing array of strings.
+ *
+ * @param {unknown[] | unknown[][]} needSortArray - The array or nested array that needs to be sorted.
+ * @param {(item: T) => string} [accessor] - The accessor parameter is an optional function that takes an item from the
+ * needSortArray and returns a string value that will be used for sorting. If not provided, the
+ * function assumes that the items in the array are already strings.
+ * @param {(item:string,nextItem:string)=>number} [existArraySorter] - the sort function for the exist array
+ * @param {string[]} [existArray] - The `existArray` parameter is an optional array of strings that
+ * represents the desired order of the elements in the `needSortArray`. If provided, the function will
+ * sort the elements in `needSortArray` based on their position in `existArray`. If not provided, the default exist array will use the default order of the array
+ * @returns {unknown[] | unknown[][]} The function `sortAsExistArray` returns a sorted array or nested array of type `T[] |
+ * T[][]`. The sorting is based on the order of elements in the `existArray` parameter, or if
+ * `existArray` is not provided, it is based on the order of appearance of elements in the input array
+ * or nested array. The sorting is done using the `sortArrayOrNested
+ */
+function sortAsExistArray(needSortArray, accessor, existArraySorter, existArray) {
+  // eslint-disable-next-line jsdoc/require-jsdoc
+  const newAccessor = (item) => typeof accessor === 'function' ? accessor(item) : item;
+  existArray = existArray
+    ? existArray
+    : Array.from(new Set(flatNestedArray(needSortArray).map(newAccessor)));
+  const sorterArray = typeof existArraySorter === 'function' ? existArray.sort(existArraySorter) : existArray;
+  const orderMap = sorterArray.reduce((result, text, index) => {
+    result[text] = index;
+    return result;
+  }, {});
+  // eslint-disable-next-line jsdoc/require-jsdoc
+  const orderBy = (item) => orderMap[newAccessor(item)];
+  return sortArrayOrNestedArray(needSortArray, orderBy);
+}
 
 exports.convertArrayToNestedArray = convertArrayToNestedArray;
 exports.deleteItemsFromArray = deleteItemsFromArray;
@@ -135,3 +181,4 @@ exports.getLongestTextLengthFromArray = getLongestTextLengthFromArray;
 exports.isArrayEqual = isArrayEqual;
 exports.isObjectArrayLike = isObjectArrayLike;
 exports.sortArrayOrNestedArray = sortArrayOrNestedArray;
+exports.sortAsExistArray = sortAsExistArray;

package/dist/cjs/{breakpoints-2609f7e1.js → breakpoints-23bb4f74.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-/* This file is generated by vega-design 2.0.70 */
+/* This file is generated by vega-design 2.0.71 */
 /* eslint-disable */
 /* tslint:disable */
 // prettier-ignore

package/dist/cjs/{breakpoints-6ed02edf.js → breakpoints-2c150832.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 const ui = require('./ui-bbf1eed1.js');
-const breakpoints = require('./breakpoints-2609f7e1.js');
+const breakpoints = require('./breakpoints-23bb4f74.js');
 
 /**
  * Get current breakpoint according current window size

package/dist/cjs/{component-85068df9.js → component-b15f9853.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const log = require('./log-64419e33.js');
+const log = require('./log-2402f20e.js');
 
 const exemptionClasses = [
   'vega-flex-grow',

package/dist/cjs/{designToken-293b538a.js → designToken-21d31650.js}

@@ -1,9 +1,9 @@
 'use strict';
 
-const typeGuard = require('./typeGuard-8d6c5b35.js');
-const breakpoints = require('./breakpoints-2609f7e1.js');
-const log = require('./log-64419e33.js');
-const responsiveFormatFacade = require('./responsiveFormatFacade-3aa2a608.js');
+const typeGuard = require('./typeGuard-bb401d05.js');
+const breakpoints = require('./breakpoints-23bb4f74.js');
+const log = require('./log-2402f20e.js');
+const responsiveFormatFacade = require('./responsiveFormatFacade-897d74ef.js');
 
 /**
  * It logs a warning message to the console.

package/dist/cjs/{effect-c179d45d.js → effect-37695d3d.js}

@@ -20,7 +20,10 @@
  * return the offsetHeight of the given element
  */
 const reflow = (element) => {
-  element.dataset['vegaReflow'] = element.offsetHeight && element.offsetHeight.toString();
+  const offsetHeight = element.offsetHeight;
+  if (!isNaN(offsetHeight)) {
+    element.dataset['vegaReflow'] = offsetHeight.toString();
+  }
 };
 /**
  * Executes a callback after a transition has ended on a given element

package/dist/cjs/{icons-551cf4b1.js → icons-44ed411d.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-/* This file is generated by vega-design 2.0.70 */
+/* This file is generated by vega-design 2.0.71 */
 /* eslint-disable */
 /* tslint:disable */
 // prettier-ignore

package/dist/cjs/index-0ca30e90.js

@@ -1845,6 +1845,10 @@ const loadModule = (cmpMeta, hostRef, hmrVersionId) => {
           return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
             /* webpackMode: "lazy" */
             './vega-page-notification.cjs.entry.js')); }).then(processMod, consoleError);
+        case 'vega-pie-chart.cjs':
+          return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
+            /* webpackMode: "lazy" */
+            './vega-pie-chart.cjs.entry.js')); }).then(processMod, consoleError);
         case 'vega-popover.cjs':
           return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
             /* webpackMode: "lazy" */

package/dist/cjs/index.cjs.js

@@ -2,24 +2,26 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const breakpoints = require('./breakpoints-6ed02edf.js');
-const log = require('./log-64419e33.js');
-const designToken = require('./designToken-293b538a.js');
-const typeGuard = require('./typeGuard-8d6c5b35.js');
-const breakpoints$1 = require('./breakpoints-2609f7e1.js');
-const icons = require('./icons-551cf4b1.js');
-const typography = require('./typography-c3cdefcd.js');
+const breakpoints = require('./breakpoints-2c150832.js');
+const log = require('./log-2402f20e.js');
+const designToken = require('./designToken-21d31650.js');
+const string = require('./string-21427167.js');
+const typeGuard = require('./typeGuard-bb401d05.js');
+const breakpoints$1 = require('./breakpoints-23bb4f74.js');
+const icons = require('./icons-44ed411d.js');
+const typography = require('./typography-9f9d8d04.js');
 const ui = require('./ui-bbf1eed1.js');
-const themeManager = require('./themeManager-1fe9db92.js');
-const vegaDialogController = require('./vegaDialogController-2205d22a.js');
-require('./responsiveFormatFacade-3aa2a608.js');
-require('./number-c79c4d01.js');
-require('./misc-28c49157.js');
-require('./ui-c09396e5.js');
-require('./zIndexManager-39658afe.js');
+const themeManager = require('./themeManager-1d14fe0d.js');
+const vegaDialogController = require('./vegaDialogController-7b71945a.js');
+require('./responsiveFormatFacade-897d74ef.js');
+require('./number-7e7d9981.js');
+require('./misc-aa481a6d.js');
+require('./ui-e19fec2a.js');
+require('./ui.type-655d8879.js');
+require('./zIndexManager-e2852632.js');
 require('./tinycolor-14174cd4.js');
 
-/* This file is generated by vega-design 2.0.70 */
+/* This file is generated by vega-design 2.0.71 */
 /* eslint-disable */
 /* tslint:disable */
 // prettier-ignore
@@ -39,6 +41,7 @@ exports.formatAndValidPadding = designToken.formatAndValidPadding;
 exports.formatAndValidResponsiveToken = designToken.formatAndValidResponsiveToken;
 exports.formatAndValidShadow = designToken.formatAndValidShadow;
 exports.formatAndValidTextColor = designToken.formatAndValidTextColor;
+exports.camelToDashCase = string.camelToDashCase;
 exports.BackgroundColors = typeGuard.BackgroundColors;
 exports.BorderColors = typeGuard.BorderColors;
 exports.BorderRadius = typeGuard.BorderRadius;

package/dist/cjs/{injectElementAppender-e373cdec.js → injectElementAppender-79e3cece.js}

@@ -1,11 +1,11 @@
 'use strict';
 
-const log = require('./log-64419e33.js');
+const log = require('./log-2402f20e.js');
 const ui = require('./ui-bbf1eed1.js');
-const typeGuard = require('./typeGuard-8d6c5b35.js');
-const responsiveFormatFacade = require('./responsiveFormatFacade-3aa2a608.js');
-const ui$1 = require('./ui-c09396e5.js');
-const zIndexManager = require('./zIndexManager-39658afe.js');
+const typeGuard = require('./typeGuard-bb401d05.js');
+const responsiveFormatFacade = require('./responsiveFormatFacade-897d74ef.js');
+const ui$1 = require('./ui-e19fec2a.js');
+const zIndexManager = require('./zIndexManager-e2852632.js');
 
 /**
  * Get the position of the element in the container according to the target element and the placement
@@ -642,7 +642,10 @@ class ElementAppender {
       this.resizeObServer.disconnect();
     }
     this.resizeObServer = new ResizeObserver(() => {
-      if (this.showConfig.appendableElement.style.display !== 'none') {
+      // while target and appendableElement are both visible, we can adjust position.
+      // https://gethired.atlassian.net/browse/VD-1087
+      if (ui$1.isElementVisible(this.showConfig.target) &&
+        ui$1.isElementVisible(this.showConfig.appendableElement)) {
         this.adjustWidth();
         this.adjustHeight();
         this.adjustPosition();

package/dist/cjs/{injectFormFieldController-4379ab5b.js → injectFormFieldController-8fa3cee6.js}

@@ -1,8 +1,9 @@
 'use strict';
 
-const log = require('./log-64419e33.js');
-const observer = require('./observer-63177c7e.js');
-const ui = require('./ui-c09396e5.js');
+const log = require('./log-2402f20e.js');
+const observer = require('./observer-d6c59015.js');
+const ui = require('./ui-e19fec2a.js');
+const string = require('./string-21427167.js');
 
 /**
  * The FormFieldController class is a class that validates the value of an input elements
@@ -400,16 +401,6 @@ class FormFieldController {
   }
 }
 
-/**
- * It replaces all uppercase letters in a string with a dash followed by the lowercase version of that letter
- *
- * @param {string} str - string - The string to convert.
- * @returns {string} The dash case format like: 'a-b-c'.
- */
-const camelToDashCase = (str) => {
-  return str.replace(/([A-Z])/g, (m) => `-${m[0].toLowerCase()}`);
-};
-
 /**
  * It's a decorator that injects a `FormFieldController` instance into the decorated property of a
  * component class
@@ -527,7 +518,7 @@ class InjectFormFieldHelper {
       this.setDefaultRules();
       this.validate();
     }));
-    const watchProperties = this.option.propertyRules.map((rule) => camelToDashCase(rule.propertyName));
+    const watchProperties = this.option.propertyRules.map((rule) => string.camelToDashCase(rule.propertyName));
     this.formFieldAttributesObserver.observe(this.target.host, {
       attributeFilter: watchProperties,
     });

package/dist/cjs/{injectKeyboardManager-ac5a81b1.js → injectKeyboardManager-3603cb45.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const ui = require('./ui-c09396e5.js');
+const ui = require('./ui-e19fec2a.js');
 
 /**
  * It listens to the keyup event on the window and calls the appropriate method on the registered elements

package/dist/cjs/{injectPageResizeObserver-8f2160f2.js → injectPageResizeObserver-afbd9227.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const breakpoints = require('./breakpoints-6ed02edf.js');
+const breakpoints = require('./breakpoints-2c150832.js');
 
 /**
  * It creates a new `ResizeObserver` instance and observes the elements returned by the `targets`