@eturnity/eturnity_reusable_components 8.40.5 → 8.40.6

package/dist/main.es743.js

@@ -1,25 +1,64 @@
-let supported;
-let perf;
-function isPerformanceSupported() {
-  var _a;
-  if (supported !== void 0) {
-    return supported;
+function makeMap(str, expectsLowerCase) {
+  const map = /* @__PURE__ */ Object.create(null);
+  const list = str.split(",");
+  for (let i = 0; i < list.length; i++) {
+    map[list[i]] = true;
   }
-  if (typeof window !== "undefined" && window.performance) {
-    supported = true;
-    perf = window.performance;
-  } else if (typeof globalThis !== "undefined" && ((_a = globalThis.perf_hooks) === null || _a === void 0 ? void 0 : _a.performance)) {
-    supported = true;
-    perf = globalThis.perf_hooks.performance;
-  } else {
-    supported = false;
-  }
-  return supported;
-}
-function now() {
-  return isPerformanceSupported() ? perf.now() : Date.now();
+  return expectsLowerCase ? (val) => !!map[val.toLowerCase()] : (val) => !!map[val];
 }
+!!(process.env.NODE_ENV !== "production") ? Object.freeze({}) : {};
+!!(process.env.NODE_ENV !== "production") ? Object.freeze([]) : [];
+const NOOP = () => {
+};
+const extend = Object.assign;
+const hasOwnProperty = Object.prototype.hasOwnProperty;
+const hasOwn = (val, key) => hasOwnProperty.call(val, key);
+const isArray = Array.isArray;
+const isMap = (val) => toTypeString(val) === "[object Map]";
+const isFunction = (val) => typeof val === "function";
+const isString = (val) => typeof val === "string";
+const isSymbol = (val) => typeof val === "symbol";
+const isObject = (val) => val !== null && typeof val === "object";
+const objectToString = Object.prototype.toString;
+const toTypeString = (value) => objectToString.call(value);
+const toRawType = (value) => {
+  return toTypeString(value).slice(8, -1);
+};
+const isIntegerKey = (key) => isString(key) && key !== "NaN" && key[0] !== "-" && "" + parseInt(key, 10) === key;
+const cacheStringFunction = (fn) => {
+  const cache = /* @__PURE__ */ Object.create(null);
+  return (str) => {
+    const hit = cache[str];
+    return hit || (cache[str] = fn(str));
+  };
+};
+const capitalize = cacheStringFunction(
+  (str) => str.charAt(0).toUpperCase() + str.slice(1)
+);
+const hasChanged = (value, oldValue) => !Object.is(value, oldValue);
+const def = (obj, key, value) => {
+  Object.defineProperty(obj, key, {
+    configurable: true,
+    enumerable: false,
+    value
+  });
+};
 export {
-  isPerformanceSupported,
-  now
+  NOOP,
+  capitalize,
+  def,
+  extend,
+  hasChanged,
+  hasOwn,
+  isArray,
+  isFunction,
+  isIntegerKey,
+  isMap,
+  isObject,
+  isString,
+  isSymbol,
+  makeMap,
+  objectToString,
+  toRawType,
+  toTypeString
 };

package/dist/main.es744.js

@@ -1,64 +1,25 @@
-function makeMap(str, expectsLowerCase) {
-  const map = /* @__PURE__ */ Object.create(null);
-  const list = str.split(",");
-  for (let i = 0; i < list.length; i++) {
-    map[list[i]] = true;
+let supported;
+let perf;
+function isPerformanceSupported() {
+  var _a;
+  if (supported !== void 0) {
+    return supported;
   }
-  return expectsLowerCase ? (val) => !!map[val.toLowerCase()] : (val) => !!map[val];
+  if (typeof window !== "undefined" && window.performance) {
+    supported = true;
+    perf = window.performance;
+  } else if (typeof globalThis !== "undefined" && ((_a = globalThis.perf_hooks) === null || _a === void 0 ? void 0 : _a.performance)) {
+    supported = true;
+    perf = globalThis.perf_hooks.performance;
+  } else {
+    supported = false;
+  }
+  return supported;
+}
+function now() {
+  return isPerformanceSupported() ? perf.now() : Date.now();
 }
-!!(process.env.NODE_ENV !== "production") ? Object.freeze({}) : {};
-!!(process.env.NODE_ENV !== "production") ? Object.freeze([]) : [];
-const NOOP = () => {
-};
-const extend = Object.assign;
-const hasOwnProperty = Object.prototype.hasOwnProperty;
-const hasOwn = (val, key) => hasOwnProperty.call(val, key);
-const isArray = Array.isArray;
-const isMap = (val) => toTypeString(val) === "[object Map]";
-const isFunction = (val) => typeof val === "function";
-const isString = (val) => typeof val === "string";
-const isSymbol = (val) => typeof val === "symbol";
-const isObject = (val) => val !== null && typeof val === "object";
-const objectToString = Object.prototype.toString;
-const toTypeString = (value) => objectToString.call(value);
-const toRawType = (value) => {
-  return toTypeString(value).slice(8, -1);
-};
-const isIntegerKey = (key) => isString(key) && key !== "NaN" && key[0] !== "-" && "" + parseInt(key, 10) === key;
-const cacheStringFunction = (fn) => {
-  const cache = /* @__PURE__ */ Object.create(null);
-  return (str) => {
-    const hit = cache[str];
-    return hit || (cache[str] = fn(str));
-  };
-};
-const capitalize = cacheStringFunction(
-  (str) => str.charAt(0).toUpperCase() + str.slice(1)
-);
-const hasChanged = (value, oldValue) => !Object.is(value, oldValue);
-const def = (obj, key, value) => {
-  Object.defineProperty(obj, key, {
-    configurable: true,
-    enumerable: false,
-    value
-  });
-};
 export {
-  NOOP,
-  capitalize,
-  def,
-  extend,
-  hasChanged,
-  hasOwn,
-  isArray,
-  isFunction,
-  isIntegerKey,
-  isMap,
-  isObject,
-  isString,
-  isSymbol,
-  makeMap,
-  objectToString,
-  toRawType,
-  toTypeString
+  isPerformanceSupported,
+  now
 };

package/dist/main.es9.js

@@ -1,5 +1,5 @@
 import styled from "./main.es7.js";
-import _sfc_main$1 from "./main.es15.js";
+import _sfc_main$1 from "./main.es17.js";
 import theme from "./main.es8.js";
 import "./main.es3.js";
 import _export_sfc from "./main.es11.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eturnity/eturnity_reusable_components",
-  "version": "8.40.5",
+  "version": "8.40.6",
   "files": [
     "dist",
     "src"

package/src/components/barchart/BottomFields.vue

@@ -45,6 +45,7 @@
                     ? calculatePercentageTotal(item.label) !== 100
                     : false
                 "
+                :is-relative-error-message="true"
                 :min-decimals="0"
                 :number-precision="fieldMode === 'percentage' ? 2 : 0"
                 text-align="center"

package/src/components/barchart/styles/bottomFields.js

@@ -44,7 +44,7 @@ export const FieldsWrapper = styled.div`
 
 export const InputRow = styled.div`
   display: flex;
-  align-items: center;
+  align-items: flex-start;
   justify-content: space-around;
   gap: 8px;
   padding-left: 12px;
@@ -63,7 +63,6 @@ export const InputGroup = styled('div', {
   display: flex;
   justify-content: center;
   position: relative;
-
   input[readonly] {
     border: 1px solid ${(props) => props.theme.colors.grey4} !important;
   }

package/src/components/errorMessage/index.vue

@@ -1,6 +1,6 @@
 <template>
   <ComponentWrapper>
-    <TextOverlay :margin-top="marginTop">
+    <TextOverlay :is-relative="isRelative" :margin-top="marginTop">
       <slot></slot>
     </TextOverlay>
   </ComponentWrapper>
@@ -13,9 +13,10 @@
 
   import styled from 'vue3-styled-components'
 
-  const TextOverlay = styled('div', { marginTop: String })`
-    position: absolute;
-    top: calc(100% + ${(props) => props.marginTop});
+  const TextOverlay = styled('div', { marginTop: String, isRelative: Boolean })`
+    position: ${(props) => (props.isRelative ? 'relative' : 'absolute')};
+    top: ${(props) =>
+      props.isRelative ? '8px' : `calc(100% + ${props.marginTop})`};
     background: ${(props) => props.theme.colors.red};
     padding: 10px;
     width: max-content;
@@ -26,7 +27,7 @@
     border-radius: 4px;
     z-index: 999;
     color: ${(props) => props.theme.colors.white};
-
+    margin-bottom: 8px;
     :before {
       content: '';
       background-color: ${(props) => props.theme.colors.red};
@@ -51,6 +52,10 @@
       ComponentWrapper,
     },
     props: {
+      isRelative: {
+        required: false,
+        default: false,
+      },
       marginTop: {
         required: false,
         default: '13px',

package/src/components/inputs/inputNumber/index.vue

@@ -1,5 +1,9 @@
 <template>
-  <Container :align-items="alignItems" :input-width="inputWidth">
+  <Container
+    :align-items="alignItems"
+    :input-width="inputWidth"
+    :is-relative-error-message="isRelativeErrorMessage"
+  >
     <LabelSlotWrapper
       v-if="hasLabelSlot"
       :align-items="alignItems"
@@ -193,9 +197,12 @@
         </ArrowButton>
       </ArrowControls>
     </InputWrapper>
-    <ErrorMessage v-if="isError && errorMessage">{{
-      errorMessage
-    }}</ErrorMessage>
+
+    <ErrorMessage
+      v-if="isError && errorMessage"
+      :is-relative="isRelativeErrorMessage"
+      >{{ errorMessage }}</ErrorMessage
+    >
   </Container>
 </template>
 
@@ -270,14 +277,15 @@
     readOnly: Boolean,
     isBorderErrorOnly: Boolean,
     isInfoBorder: Boolean,
+    isRelativeErrorMessage: Boolean,
   }
-
   const Container = styled('div', inputProps)`
     width: ${(props) => (props.inputWidth ? props.inputWidth : '100%')};
     position: relative;
-    display: grid;
+    display: ${(props) => (props.isRelativeErrorMessage ? 'flex' : 'grid')};
     grid-template-columns: ${(props) =>
       props.alignItems === 'vertical' ? '1fr' : 'auto 1fr'};
+    ${(props) => props.isRelativeErrorMessage && 'flex-direction: column'};
   `
 
   const InputContainer = styled('input', inputProps)`
@@ -811,6 +819,10 @@
         type: Boolean,
         default: false,
       },
+      isRelativeErrorMessage: {
+        type: Boolean,
+        default: false,
+      },
     },
     data() {
       return {