@eturnity/eturnity_reusable_components 8.26.11--EPDM-16005.1 → 8.26.11-EPDM-11600.15

package/dist/main.es22.js

@@ -6,15 +6,45 @@ function makeMap(str, expectsLowerCase) {
   }
   return expectsLowerCase ? (val) => !!map[val.toLowerCase()] : (val) => !!map[val];
 }
-!!(process.env.NODE_ENV !== "production") ? Object.freeze({}) : {};
-!!(process.env.NODE_ENV !== "production") ? Object.freeze([]) : [];
+const EMPTY_OBJ = !!(process.env.NODE_ENV !== "production") ? Object.freeze({}) : {};
+const EMPTY_ARR = !!(process.env.NODE_ENV !== "production") ? Object.freeze([]) : [];
+const NOOP = () => {
+};
+const NO = () => false;
 const onRE = /^on[^a-z]/;
 const isOn = (key) => onRE.test(key);
 const isModelListener = (key) => key.startsWith("onUpdate:");
 const extend = Object.assign;
+const remove = (arr, el) => {
+  const i = arr.indexOf(el);
+  if (i > -1) {
+    arr.splice(i, 1);
+  }
+};
+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 isSet = (val) => toTypeString(val) === "[object Set]";
 const isFunction = (val) => typeof val === "function";
 const isString = (val) => typeof val === "string";
+const isObject = (val) => val !== null && typeof val === "object";
+const isPromise = (val) => {
+  return isObject(val) && isFunction(val.then) && isFunction(val.catch);
+};
+const objectToString = Object.prototype.toString;
+const toTypeString = (value) => objectToString.call(value);
+const toRawType = (value) => {
+  return toTypeString(value).slice(8, -1);
+};
+const isPlainObject = (val) => toTypeString(val) === "[object Object]";
+const isReservedProp = /* @__PURE__ */ makeMap(
+  // the leading comma is intentional so empty string "" is also included
+  ",key,ref,ref_for,ref_key,onVnodeBeforeMount,onVnodeMounted,onVnodeBeforeUpdate,onVnodeUpdated,onVnodeBeforeUnmount,onVnodeUnmounted"
+);
+const isBuiltInDirective = /* @__PURE__ */ makeMap(
+  "bind,cloak,else-if,else,for,html,if,model,on,once,pre,show,slot,text,memo"
+);
 const cacheStringFunction = (fn) => {
   const cache = /* @__PURE__ */ Object.create(null);
   return (str) => {
@@ -22,6 +52,10 @@ const cacheStringFunction = (fn) => {
     return hit || (cache[str] = fn(str));
   };
 };
+const camelizeRE = /-(\w)/g;
+const camelize = cacheStringFunction((str) => {
+  return str.replace(camelizeRE, (_, c) => c ? c.toUpperCase() : "");
+});
 const hyphenateRE = /\B([A-Z])/g;
 const hyphenate = cacheStringFunction(
   (str) => str.replace(hyphenateRE, "-$1").toLowerCase()
@@ -29,38 +63,139 @@ const hyphenate = cacheStringFunction(
 const capitalize = cacheStringFunction(
   (str) => str.charAt(0).toUpperCase() + str.slice(1)
 );
+const toHandlerKey = cacheStringFunction(
+  (str) => str ? `on${capitalize(str)}` : ``
+);
+const hasChanged = (value, oldValue) => !Object.is(value, oldValue);
 const invokeArrayFns = (fns, arg) => {
   for (let i = 0; i < fns.length; i++) {
     fns[i](arg);
   }
 };
+const def = (obj, key, value) => {
+  Object.defineProperty(obj, key, {
+    configurable: true,
+    enumerable: false,
+    value
+  });
+};
 const looseToNumber = (val) => {
   const n = parseFloat(val);
   return isNaN(n) ? val : n;
 };
-const HTML_TAGS = "html,body,base,head,link,meta,style,title,address,article,aside,footer,header,hgroup,h1,h2,h3,h4,h5,h6,nav,section,div,dd,dl,dt,figcaption,figure,picture,hr,img,li,main,ol,p,pre,ul,a,b,abbr,bdi,bdo,br,cite,code,data,dfn,em,i,kbd,mark,q,rp,rt,ruby,s,samp,small,span,strong,sub,sup,time,u,var,wbr,area,audio,map,track,video,embed,object,param,source,canvas,script,noscript,del,ins,caption,col,colgroup,table,thead,tbody,td,th,tr,button,datalist,fieldset,form,input,label,legend,meter,optgroup,option,output,progress,select,textarea,details,dialog,menu,summary,template,blockquote,iframe,tfoot";
-const SVG_TAGS = "svg,animate,animateMotion,animateTransform,circle,clipPath,color-profile,defs,desc,discard,ellipse,feBlend,feColorMatrix,feComponentTransfer,feComposite,feConvolveMatrix,feDiffuseLighting,feDisplacementMap,feDistantLight,feDropShadow,feFlood,feFuncA,feFuncB,feFuncG,feFuncR,feGaussianBlur,feImage,feMerge,feMergeNode,feMorphology,feOffset,fePointLight,feSpecularLighting,feSpotLight,feTile,feTurbulence,filter,foreignObject,g,hatch,hatchpath,image,line,linearGradient,marker,mask,mesh,meshgradient,meshpatch,meshrow,metadata,mpath,path,pattern,polygon,polyline,radialGradient,rect,set,solidcolor,stop,switch,symbol,text,textPath,title,tspan,unknown,use,view";
-const isHTMLTag = /* @__PURE__ */ makeMap(HTML_TAGS);
-const isSVGTag = /* @__PURE__ */ makeMap(SVG_TAGS);
-const specialBooleanAttrs = `itemscope,allowfullscreen,formnovalidate,ismap,nomodule,novalidate,readonly`;
-const isSpecialBooleanAttr = /* @__PURE__ */ makeMap(specialBooleanAttrs);
-function includeBooleanAttr(value) {
-  return !!value || value === "";
+let _globalThis;
+const getGlobalThis = () => {
+  return _globalThis || (_globalThis = typeof globalThis !== "undefined" ? globalThis : typeof self !== "undefined" ? self : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : {});
+};
+function normalizeStyle(value) {
+  if (isArray(value)) {
+    const res = {};
+    for (let i = 0; i < value.length; i++) {
+      const item = value[i];
+      const normalized = isString(item) ? parseStringStyle(item) : normalizeStyle(item);
+      if (normalized) {
+        for (const key in normalized) {
+          res[key] = normalized[key];
+        }
+      }
+    }
+    return res;
+  } else if (isString(value)) {
+    return value;
+  } else if (isObject(value)) {
+    return value;
+  }
+}
+const listDelimiterRE = /;(?![^(]*\))/g;
+const propertyDelimiterRE = /:([^]+)/;
+const styleCommentRE = /\/\*[^]*?\*\//g;
+function parseStringStyle(cssText) {
+  const ret = {};
+  cssText.replace(styleCommentRE, "").split(listDelimiterRE).forEach((item) => {
+    if (item) {
+      const tmp = item.split(propertyDelimiterRE);
+      tmp.length > 1 && (ret[tmp[0].trim()] = tmp[1].trim());
+    }
+  });
+  return ret;
+}
+function normalizeClass(value) {
+  let res = "";
+  if (isString(value)) {
+    res = value;
+  } else if (isArray(value)) {
+    for (let i = 0; i < value.length; i++) {
+      const normalized = normalizeClass(value[i]);
+      if (normalized) {
+        res += normalized + " ";
+      }
+    }
+  } else if (isObject(value)) {
+    for (const name in value) {
+      if (value[name]) {
+        res += name + " ";
+      }
+    }
+  }
+  return res.trim();
 }
+const toDisplayString = (val) => {
+  return isString(val) ? val : val == null ? "" : isArray(val) || isObject(val) && (val.toString === objectToString || !isFunction(val.toString)) ? JSON.stringify(val, replacer, 2) : String(val);
+};
+const replacer = (_key, val) => {
+  if (val && val.__v_isRef) {
+    return replacer(_key, val.value);
+  } else if (isMap(val)) {
+    return {
+      [`Map(${val.size})`]: [...val.entries()].reduce((entries, [key, val2]) => {
+        entries[`${key} =>`] = val2;
+        return entries;
+      }, {})
+    };
+  } else if (isSet(val)) {
+    return {
+      [`Set(${val.size})`]: [...val.values()]
+    };
+  } else if (isObject(val) && !isArray(val) && !isPlainObject(val)) {
+    return String(val);
+  }
+  return val;
+};
 export {
+  EMPTY_ARR,
+  EMPTY_OBJ,
+  NO,
+  NOOP,
+  camelize,
   capitalize,
+  def,
   extend,
+  getGlobalThis,
+  hasChanged,
+  hasOwn,
   hyphenate,
-  includeBooleanAttr,
   invokeArrayFns,
   isArray,
+  isBuiltInDirective,
   isFunction,
-  isHTMLTag,
+  isMap,
   isModelListener,
+  isObject,
   isOn,
-  isSVGTag,
-  isSpecialBooleanAttr,
+  isPlainObject,
+  isPromise,
+  isReservedProp,
+  isSet,
   isString,
   looseToNumber,
-  makeMap
+  makeMap,
+  normalizeClass,
+  normalizeStyle,
+  objectToString,
+  parseStringStyle,
+  remove,
+  toDisplayString,
+  toHandlerKey,
+  toRawType,
+  toTypeString
 };

package/dist/main.es23.js

@@ -1,218 +1,66 @@
-import styled from "./main.es7.js";
-import _sfc_main$1 from "./main.es24.js";
-import theme from "./main.es8.js";
-import "./main.es3.js";
-import _export_sfc from "./main.es11.js";
-import { resolveComponent, openBlock, createBlock, withCtx, createVNode, createCommentVNode, createTextVNode } from "./main.es6.js";
-import { toDisplayString } from "./main.es21.js";
-const PageContainer = styled.div``;
-const ButtonAttrs = {
-  type: String,
-  isDisabled: Boolean,
-  minWidth: String,
-  noWrap: Boolean,
-  height: String,
-  variant: String,
-  buttonSize: String,
-  appTheme: String
-};
-const ButtonContainer = styled("div", ButtonAttrs)`
-    display: flex;
-    justify-content: center;
-    padding: ${(props) => {
-  var _a, _b, _c, _d;
-  return (_d = (_c = (_b = (_a = props.theme) == null ? void 0 : _a.mainButton) == null ? void 0 : _b.size) == null ? void 0 : _c[props.buttonSize]) == null ? void 0 : _d.padding;
-}};
-    font-size: ${(props) => {
-  var _a, _b, _c, _d;
-  return (_d = (_c = (_b = (_a = props.theme) == null ? void 0 : _a.mainButton) == null ? void 0 : _b.size) == null ? void 0 : _c[props.buttonSize]) == null ? void 0 : _d.fontSize;
-}};
-    color: ${(props) => props.isDisabled ? props.theme.mainButton[props.appTheme][props.type][props.variant].disabled.textColor : props.theme.mainButton[props.appTheme][props.type][props.variant].default.textColor};
-    background-color: ${(props) => props.isDisabled ? props.theme.mainButton[props.appTheme][props.type][props.variant].disabled.backgroundColor : props.theme.mainButton[props.appTheme][props.type][props.variant].default.backgroundColor};
-    border: ${(props) => {
-  const borderValue = props.isDisabled ? props.theme.mainButton[props.appTheme][props.type][props.variant].disabled.borderColor : props.theme.mainButton[props.appTheme][props.type][props.variant].default.borderColor;
-  return borderValue ? "1px solid " + borderValue : "none";
-}};
-    border-radius: 4px;
-    text-align: center;
-    cursor: ${(props) => props.isDisabled ? "not-allowed" : "pointer"};
-    user-select: none;
-    ${(props) => props.minWidth ? `min-width: ${props.minWidth};` : ""};
-    ${(props) => props.noWrap ? `white-space: nowrap;` : ""};
-    height: ${(props) => props.height};
-    line-height: 1;
-
-    &:hover {
-      background-color: ${(props) => props.isDisabled ? props.theme.mainButton[props.appTheme][props.type][props.variant].disabled.backgroundColor : props.theme.mainButton[props.appTheme][props.type][props.variant].hover.backgroundColor};
-    }
-
-    &:active {
-      background-color: ${(props) => props.isDisabled ? props.theme.mainButton[props.appTheme][props.type][props.variant].disabled.backgroundColor : props.theme.mainButton[props.appTheme][props.type][props.variant].active.backgroundColor};
-    }
-  `;
-const AltAttrs = {
-  altStyle: Boolean,
-  color: String
-};
-styled("div", AltAttrs)`
-    background-color: ${(props) => props.color ? props.color : props.theme.colors.transparentWhite1};
-    padding: 7px;
-    height: 100%;
-    width: 30%;
-    justify-content: center;
-    display: flex;
-    align-items: center;
-    border-radius: 4px 0 0 4px;
-    color: ${(props) => props.theme.colors.white};
-    all: ${(props) => props.altStyle ? "" : "unset"};
-  `;
-styled("span", AltAttrs)`
-    padding: ${(props) => props.altStyle ? "7px" : "0"};
-    all: ${(props) => props.altStyle ? "" : "unset"};
-  `;
-const LabelAttrs = {
-  hasIcon: Boolean
+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;
+  }
+  return expectsLowerCase ? (val) => !!map[val.toLowerCase()] : (val) => !!map[val];
+}
+!!(process.env.NODE_ENV !== "production") ? Object.freeze({}) : {};
+!!(process.env.NODE_ENV !== "production") ? Object.freeze([]) : [];
+const onRE = /^on[^a-z]/;
+const isOn = (key) => onRE.test(key);
+const isModelListener = (key) => key.startsWith("onUpdate:");
+const extend = Object.assign;
+const isArray = Array.isArray;
+const isFunction = (val) => typeof val === "function";
+const isString = (val) => typeof val === "string";
+const cacheStringFunction = (fn) => {
+  const cache = /* @__PURE__ */ Object.create(null);
+  return (str) => {
+    const hit = cache[str];
+    return hit || (cache[str] = fn(str));
+  };
 };
-const LabelComponent = styled("span", LabelAttrs)`
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    gap: ${(props) => props.hasIcon ? "5px" : "0"};
-  `;
-const _sfc_main = {
-  name: "MainButton",
-  components: {
-    Icon: _sfc_main$1,
-    LabelComponent,
-    PageContainer,
-    ButtonContainer
-  },
-  props: {
-    type: {
-      required: false,
-      default: "primary",
-      // primary, secondary, tertiary, ghost
-      type: String
-    },
-    variant: {
-      required: false,
-      default: "main",
-      // main, cancel
-      type: String
-    },
-    isDisabled: {
-      required: false,
-      default: false,
-      type: Boolean
-    },
-    icon: {
-      required: false,
-      default: null,
-      type: String
-    },
-    iconColor: {
-      required: false,
-      default: "",
-      type: String
-    },
-    iconAltStyle: {
-      required: false,
-      default: false,
-      type: Boolean
-    },
-    iconAltStyleColor: {
-      required: false,
-      default: null,
-      type: String
-    },
-    text: {
-      required: true,
-      type: String
-    },
-    noWrap: {
-      required: false,
-      default: false,
-      type: Boolean
-    },
-    minWidth: {
-      required: false,
-      default: null,
-      type: String
-    },
-    height: {
-      required: false,
-      default: "auto",
-      type: String
-    },
-    id: {
-      required: false,
-      default: null,
-      type: String
-    },
-    dataId: {
-      type: String,
-      default: ""
-    },
-    dataQaId: {
-      type: String,
-      default: ""
-    },
-    appTheme: {
-      type: String,
-      default: "light"
-    },
-    buttonSize: {
-      type: String,
-      default: "medium",
-      required: false
-    }
-  },
-  computed: {
-    theme() {
-      return theme;
-    },
-    getIconColor() {
-      return this.isDisabled ? this.theme.mainButton[this.appTheme][this.type][this.variant].disabled.textColor : this.iconColor ? this.iconColor : this.theme.mainButton[this.appTheme][this.type][this.variant].default.textColor;
-    }
+const hyphenateRE = /\B([A-Z])/g;
+const hyphenate = cacheStringFunction(
+  (str) => str.replace(hyphenateRE, "-$1").toLowerCase()
+);
+const capitalize = cacheStringFunction(
+  (str) => str.charAt(0).toUpperCase() + str.slice(1)
+);
+const invokeArrayFns = (fns, arg) => {
+  for (let i = 0; i < fns.length; i++) {
+    fns[i](arg);
   }
 };
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_Icon = resolveComponent("Icon");
-  const _component_LabelComponent = resolveComponent("LabelComponent");
-  const _component_ButtonContainer = resolveComponent("ButtonContainer");
-  const _component_PageContainer = resolveComponent("PageContainer");
-  return openBlock(), createBlock(_component_PageContainer, null, {
-    default: withCtx(() => [createVNode(_component_ButtonContainer, {
-      id: $props.id,
-      "app-theme": $props.appTheme,
-      "button-size": $props.buttonSize,
-      "data-id": $props.dataId,
-      "data-qa-id": $props.dataQaId,
-      height: $props.height,
-      "is-disabled": $props.isDisabled,
-      "min-width": $props.minWidth,
-      "no-wrap": $props.noWrap,
-      type: $props.type,
-      variant: $props.variant
-    }, {
-      default: withCtx(() => [createVNode(_component_LabelComponent, {
-        "has-icon": Boolean($props.icon)
-      }, {
-        default: withCtx(() => [$props.icon ? (openBlock(), createBlock(_component_Icon, {
-          key: 0,
-          color: $options.getIconColor,
-          "hovered-color": $options.getIconColor,
-          name: $props.icon,
-          size: "14px"
-        }, null, 8, ["color", "hovered-color", "name"])) : createCommentVNode("", true), createTextVNode(" " + toDisplayString($props.text), 1)]),
-        _: 1
-      }, 8, ["has-icon"])]),
-      _: 1
-    }, 8, ["id", "app-theme", "button-size", "data-id", "data-qa-id", "height", "is-disabled", "min-width", "no-wrap", "type", "variant"])]),
-    _: 1
-  });
+const looseToNumber = (val) => {
+  const n = parseFloat(val);
+  return isNaN(n) ? val : n;
+};
+const HTML_TAGS = "html,body,base,head,link,meta,style,title,address,article,aside,footer,header,hgroup,h1,h2,h3,h4,h5,h6,nav,section,div,dd,dl,dt,figcaption,figure,picture,hr,img,li,main,ol,p,pre,ul,a,b,abbr,bdi,bdo,br,cite,code,data,dfn,em,i,kbd,mark,q,rp,rt,ruby,s,samp,small,span,strong,sub,sup,time,u,var,wbr,area,audio,map,track,video,embed,object,param,source,canvas,script,noscript,del,ins,caption,col,colgroup,table,thead,tbody,td,th,tr,button,datalist,fieldset,form,input,label,legend,meter,optgroup,option,output,progress,select,textarea,details,dialog,menu,summary,template,blockquote,iframe,tfoot";
+const SVG_TAGS = "svg,animate,animateMotion,animateTransform,circle,clipPath,color-profile,defs,desc,discard,ellipse,feBlend,feColorMatrix,feComponentTransfer,feComposite,feConvolveMatrix,feDiffuseLighting,feDisplacementMap,feDistantLight,feDropShadow,feFlood,feFuncA,feFuncB,feFuncG,feFuncR,feGaussianBlur,feImage,feMerge,feMergeNode,feMorphology,feOffset,fePointLight,feSpecularLighting,feSpotLight,feTile,feTurbulence,filter,foreignObject,g,hatch,hatchpath,image,line,linearGradient,marker,mask,mesh,meshgradient,meshpatch,meshrow,metadata,mpath,path,pattern,polygon,polyline,radialGradient,rect,set,solidcolor,stop,switch,symbol,text,textPath,title,tspan,unknown,use,view";
+const isHTMLTag = /* @__PURE__ */ makeMap(HTML_TAGS);
+const isSVGTag = /* @__PURE__ */ makeMap(SVG_TAGS);
+const specialBooleanAttrs = `itemscope,allowfullscreen,formnovalidate,ismap,nomodule,novalidate,readonly`;
+const isSpecialBooleanAttr = /* @__PURE__ */ makeMap(specialBooleanAttrs);
+function includeBooleanAttr(value) {
+  return !!value || value === "";
 }
-const RCButton = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export {
-  RCButton as default
+  capitalize,
+  extend,
+  hyphenate,
+  includeBooleanAttr,
+  invokeArrayFns,
+  isArray,
+  isFunction,
+  isHTMLTag,
+  isModelListener,
+  isOn,
+  isSVGTag,
+  isSpecialBooleanAttr,
+  isString,
+  looseToNumber,
+  makeMap
 };

package/dist/main.es24.js

@@ -1,9 +1,9 @@
 import "./main.es3.js";
 import styled from "./main.es7.js";
 import { fetchIcon } from "./main.es378.js";
-import { reactive } from "./main.es16.js";
+import { reactive } from "./main.es17.js";
 import { computed, onMounted, watch, openBlock, createBlock, withCtx, createVNode, createElementVNode as createBaseVNode, createTextVNode, createCommentVNode } from "./main.es6.js";
-import { toDisplayString } from "./main.es21.js";
+import { toDisplayString } from "./main.es22.js";
 const _hoisted_1 = ["innerHTML"];
 const _sfc_main = {
   __name: "index",

package/dist/main.es5.js

@@ -1,8 +1,8 @@
 import { isRuntimeOnly, warn, createRenderer, callWithAsyncErrorHandling } from "./main.es6.js";
 import { Comment, Fragment, Static, Teleport, Text, callWithErrorHandling, cloneVNode, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createStaticVNode, createTextVNode, createVNode, defineComponent, devtools, getCurrentInstance, guardReactiveProps, h, handleError, initCustomFormatter, inject, isVNode, mergeProps, nextTick, onActivated, onBeforeMount, onBeforeUnmount, onBeforeUpdate, onDeactivated, onErrorCaptured, onMounted, onRenderTracked, onRenderTriggered, onServerPrefetch, onUnmounted, onUpdated, openBlock, provide, queuePostFlushCb, renderList, renderSlot, resolveComponent, resolveDynamicComponent, setBlockTracking, setDevtoolsHook, ssrContextKey, useSSRContext, version, watch, watchEffect, withCtx, withDirectives } from "./main.es6.js";
-import { isFunction, isHTMLTag, isSVGTag, isString, looseToNumber, isArray, invokeArrayFns, hyphenate, extend, isOn, isModelListener, capitalize, isSpecialBooleanAttr, includeBooleanAttr } from "./main.es22.js";
-import { camelize } from "./main.es21.js";
-import { capitalize as capitalize2, normalizeClass, normalizeStyle, toDisplayString, toHandlerKey } from "./main.es21.js";
+import { isFunction, isHTMLTag, isSVGTag, isString, looseToNumber, isArray, invokeArrayFns, hyphenate, extend, isOn, isModelListener, capitalize, isSpecialBooleanAttr, includeBooleanAttr } from "./main.es23.js";
+import { camelize } from "./main.es22.js";
+import { capitalize as capitalize2, normalizeClass, normalizeStyle, toDisplayString, toHandlerKey } from "./main.es22.js";
 const svgNS = "http://www.w3.org/2000/svg";
 const doc = typeof document !== "undefined" ? document : null;
 const templateContainer = doc && /* @__PURE__ */ doc.createElement("template");

package/dist/main.es555.js

@@ -1,4 +1,4 @@
-const __vite_glob_0_174 = "data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjE2IiB2aWV3Ym94PSIxMiAxMiAxNiAxNiIgd2lkdGg9IjE2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8Y2lyY2xlIGN4PSIyMCIgY3k9IjIwIiByPSI3Ij48L2NpcmNsZT4KPHBhdGggZD0iTTI0Ljk1OTIgMTUuMDQwOEMyMi4yMzgyIDEyLjMxOTcgMTcuNzYxOCAxMi4zMTk3IDE1LjA0MDggMTUuMDQwOEMxMi4zMTk3IDE3Ljc2MTggMTIuMzE5NyAyMi4yMzgyIDE1LjA0MDggMjQuOTU5MkMxNy43NjE4IDI3LjY4MDMgMjIuMjM4MiAyNy42ODAzIDI0Ljk1OTIgMjQuOTU5MkMyNy42ODAzIDIyLjIzODIgMjcuNjgwMyAxNy44NDk1IDI0Ljk1OTIgMTUuMDQwOFpNMjMuNjQyNiAyMi41MDE2TDIyLjQxMzggMjMuNzMwNEwxOS45NTYxIDIxLjI3MjdMMTcuNDk4NCAyMy43MzA0TDE2LjI2OTYgMjIuNTAxNkwxOC43MjczIDIwLjA0MzlMMTYuMjY5NiAxNy41ODYyTDE3LjQ5ODQgMTYuMzU3NEwxOS45NTYxIDE4LjgxNUwyMi40MTM4IDE2LjM1NzRMMjMuNjQyNiAxNy41ODYyTDIxLjE4NSAyMC4wNDM5TDIzLjY0MjYgMjIuNTAxNloiIGZpbGw9IiNGRjU2NTYiPjwvcGF0aD4KPC9zdmc+Cg==";
+const __vite_glob_0_174 = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMiAyMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGQ9Ik0xOC40Mzg5IDMuMDYxMTNDMTQuMzU3NCAtMS4wMjAzOCA3LjY0MjYzIC0xLjAyMDM4IDMuNTYxMTMgMy4wNjExM0MtMC41MjAzNzYgNy4xNDI2MyAtMC41MjAzNzYgMTMuODU3NCAzLjU2MTEzIDE3LjkzODlDNy42NDI2MyAyMi4wMjA0IDE0LjM1NzQgMjIuMDIwNCAxOC40Mzg5IDE3LjkzODlDMjIuNTIwNCAxMy44NTc0IDIyLjUyMDQgNy4yNzQzIDE4LjQzODkgMy4wNjExM1pNMTYuNDY0IDE0LjI1MjRMMTQuNjIwNyAxNi4wOTU2TDEwLjkzNDIgMTIuNDA5MUw3LjI0NzY1IDE2LjA5NTZMNS40MDQzOSAxNC4yNTI0TDkuMDkwOTEgMTAuNTY1OEw1LjQwNDM5IDYuODc5MzFMNy4yNDc2NSA1LjAzNjA1TDEwLjkzNDIgOC43MjI1N0wxNC42MjA3IDUuMDM2MDVMMTYuNDY0IDYuODc5MzFMMTIuNzc3NCAxMC41NjU4TDE2LjQ2NCAxNC4yNTI0WiIgZmlsbD0iI0ZGNTY1NiIvPgo8L3N2Zz4K";
 export {
   __vite_glob_0_174 as default
 };

package/dist/main.es6.js

@@ -1,7 +1,7 @@
-import { isRef, toRaw, getCurrentScope, isShallow as isShallow$1, isReactive, ReactiveEffect, isProxy, computed as computed$1, pauseTracking, resetTracking, isReadonly, track, proxyRefs, markRaw, shallowReadonly, EffectScope, reactive, shallowReactive, trigger } from "./main.es16.js";
-import { readonly, ref, shallowRef, unref } from "./main.es16.js";
-import { isString, isFunction, getGlobalThis, isArray, NOOP, EMPTY_OBJ, normalizeClass, isObject, extend, normalizeStyle, isOn, isPromise, hasChanged, remove, isSet, isMap, isPlainObject, camelize, capitalize, toHandlerKey, hasOwn, EMPTY_ARR, NO, isBuiltInDirective, isReservedProp, invokeArrayFns, makeMap, looseToNumber, hyphenate, def, toRawType, isModelListener } from "./main.es21.js";
-import { toDisplayString } from "./main.es21.js";
+import { isRef, toRaw, getCurrentScope, isShallow as isShallow$1, isReactive, ReactiveEffect, isProxy, computed as computed$1, pauseTracking, resetTracking, isReadonly, track, proxyRefs, markRaw, shallowReadonly, EffectScope, reactive, shallowReactive, trigger } from "./main.es17.js";
+import { readonly, ref, shallowRef, unref } from "./main.es17.js";
+import { isString, isFunction, getGlobalThis, isArray, NOOP, EMPTY_OBJ, normalizeClass, isObject, extend, normalizeStyle, isOn, isPromise, hasChanged, remove, isSet, isMap, isPlainObject, camelize, capitalize, toHandlerKey, hasOwn, EMPTY_ARR, NO, isBuiltInDirective, isReservedProp, invokeArrayFns, makeMap, looseToNumber, hyphenate, def, toRawType, isModelListener } from "./main.es22.js";
+import { toDisplayString } from "./main.es22.js";
 const stack = [];
 function pushWarningContext(vnode) {
   stack.push(vnode);

package/dist/main.es8.js

@@ -342,7 +342,7 @@ const theme = (() => {
               borderColor: semanticColors.grey[300]
             },
             active: {
-              backgroundColor: semanticColors.purple[100],
+              backgroundColor: semanticColors.purple[50],
               textColor: semanticColors.purple[600],
               borderColor: semanticColors.grey[600]
             },

package/dist/main.es9.js

@@ -1,4 +1,4 @@
-import RCButton from "./main.es23.js";
+import RCButton from "./main.es15.js";
 import "./main.es3.js";
 import _export_sfc from "./main.es11.js";
 import { resolveComponent, openBlock, createBlock } from "./main.es6.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eturnity/eturnity_reusable_components",
-  "version": "8.26.11--EPDM-16005.1",
+  "version": "8.26.11-EPDM-11600.15",
   "files": [
     "dist",
     "src"

package/src/assets/svgIcons/erase.svg

@@ -1,4 +1,3 @@
-<svg fill="none" height="16" viewbox="12 12 16 16" width="16" xmlns="http://www.w3.org/2000/svg">
-<circle cx="20" cy="20" r="7"></circle>
-<path d="M24.9592 15.0408C22.2382 12.3197 17.7618 12.3197 15.0408 15.0408C12.3197 17.7618 12.3197 22.2382 15.0408 24.9592C17.7618 27.6803 22.2382 27.6803 24.9592 24.9592C27.6803 22.2382 27.6803 17.8495 24.9592 15.0408ZM23.6426 22.5016L22.4138 23.7304L19.9561 21.2727L17.4984 23.7304L16.2696 22.5016L18.7273 20.0439L16.2696 17.5862L17.4984 16.3574L19.9561 18.815L22.4138 16.3574L23.6426 17.5862L21.185 20.0439L23.6426 22.5016Z" fill="#FF5656"></path>
+<svg width="22" height="21" viewBox="0 0 22 21" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M18.4389 3.06113C14.3574 -1.02038 7.64263 -1.02038 3.56113 3.06113C-0.520376 7.14263 -0.520376 13.8574 3.56113 17.9389C7.64263 22.0204 14.3574 22.0204 18.4389 17.9389C22.5204 13.8574 22.5204 7.2743 18.4389 3.06113ZM16.464 14.2524L14.6207 16.0956L10.9342 12.4091L7.24765 16.0956L5.40439 14.2524L9.09091 10.5658L5.40439 6.87931L7.24765 5.03605L10.9342 8.72257L14.6207 5.03605L16.464 6.87931L12.7774 10.5658L16.464 14.2524Z" fill="#FF5656"/>
 </svg>

package/src/assets/theme.js

@@ -333,7 +333,7 @@ const theme = (() => {
               borderColor: semanticColors.grey[300],
             },
             active: {
-              backgroundColor: semanticColors.purple[100],
+              backgroundColor: semanticColors.purple[50],
               textColor: semanticColors.purple[600],
               borderColor: semanticColors.grey[600],
             },

package/src/components/barchart/composables/useAxisCalculations.js

@@ -68,7 +68,10 @@ export function useAxisCalculations(props, maxValue) {
     // Generate labels including 0 up to numSteps
     const numSteps = Math.floor(max / stepSize)
     for (let i = 0; i <= numSteps; i++) {
-      labels.push(i * stepSize)
+      const stepValue = i * stepSize
+      const roundedStepValueString = stepValue.toFixed(2)
+      const roundedStepValueNumber = parseFloat(roundedStepValueString)
+      labels.push(roundedStepValueNumber)
     }
 
     // Ensure we always have at least 2 labels (0 and max)

package/src/components/barchart/index.vue

@@ -17,8 +17,8 @@
       />
     </ChartControlsWrapper>
     <GraphSection :height="height" :width="width">
-      <YAxis :height="height" :width="yAxisWidth">
-        <YAxisTitleWrapper v-if="yAxisTitle" :height="yAxisHeight">
+      <YAxis :width="yAxisWidth">
+        <YAxisTitleWrapper v-if="yAxisTitle">
           {{ yAxisTitle }}
         </YAxisTitleWrapper>
         <YAxisRow
@@ -51,6 +51,11 @@
           <LoadingOverlay v-if="isLoading">
             <Spinner size="medium" />
           </LoadingOverlay>
+          <InfoCardContainer v-else-if="isDataIssueMessageDisplayed">
+            <RCInfoCard align-items="center">
+              {{ dataIssueMessage }}
+            </RCInfoCard>
+          </InfoCardContainer>
           <SelectionBox
             v-if="selectionSize && isSelectionEnabled"
             :bar-width="barWidth"
@@ -182,6 +187,7 @@
   import ChartControls from './ChartControls'
   import BottomFields from './BottomFields'
   import SelectionBox from './SelectionBox'
+  import RCInfoCard from '../infoCard'
   import Spinner from '../spinner'
   import { numberToString } from '../../helpers/numberConverter'
 
@@ -217,6 +223,7 @@
     TooltipGradientBox,
     ChartControlsWrapper,
     LoadingOverlay,
+    InfoCardContainer,
   } from './styles/chart'
 
   const props = defineProps({
@@ -299,6 +306,14 @@
       type: Boolean,
       default: false,
     },
+    dataIssueMessage: {
+      type: String,
+      default: '',
+    },
+    isDataIssueMessageDisplayed: {
+      type: Boolean,
+      default: false,
+    },
     showPercentageOnTooltip: {
       type: Boolean,
       default: false,