@eturnity/eturnity_reusable_components 8.26.11-autiFill.1 → 8.26.11-autiFill.4

package/dist/main.es382.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.es383.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.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.es15.js";
-import { camelize } from "./main.es16.js";
-import { capitalize as capitalize2, normalizeClass, normalizeStyle, toDisplayString, toHandlerKey } from "./main.es16.js";
+import { isFunction, isHTMLTag, isSVGTag, isString, looseToNumber, isArray, invokeArrayFns, hyphenate, extend, isOn, isModelListener, capitalize, isSpecialBooleanAttr, includeBooleanAttr } from "./main.es25.js";
+import { camelize } from "./main.es24.js";
+import { capitalize as capitalize2, normalizeClass, normalizeStyle, toDisplayString, toHandlerKey } from "./main.es24.js";
 const svgNS = "http://www.w3.org/2000/svg";
 const doc = typeof document !== "undefined" ? document : null;
 const templateContainer = doc && /* @__PURE__ */ doc.createElement("template");
@@ -460,6 +460,44 @@ const withKeys = (fn, modifiers) => {
     }
   };
 };
+const vShow = {
+  beforeMount(el, { value }, { transition }) {
+    el._vod = el.style.display === "none" ? "" : el.style.display;
+    if (transition && value) {
+      transition.beforeEnter(el);
+    } else {
+      setDisplay(el, value);
+    }
+  },
+  mounted(el, { value }, { transition }) {
+    if (transition && value) {
+      transition.enter(el);
+    }
+  },
+  updated(el, { value, oldValue }, { transition }) {
+    if (!value === !oldValue)
+      return;
+    if (transition) {
+      if (value) {
+        transition.beforeEnter(el);
+        setDisplay(el, true);
+        transition.enter(el);
+      } else {
+        transition.leave(el, () => {
+          setDisplay(el, false);
+        });
+      }
+    } else {
+      setDisplay(el, value);
+    }
+  },
+  beforeUnmount(el, { value }) {
+    setDisplay(el, value);
+  }
+};
+function setDisplay(el, value) {
+  el.style.display = value ? el._vod : "none";
+}
 const rendererOptions = /* @__PURE__ */ extend({ patchProp }, nodeOps);
 let renderer;
 function ensureRenderer() {
@@ -603,6 +641,7 @@ export {
   toHandlerKey,
   useSSRContext,
   vModelText,
+  vShow,
   version,
   warn,
   watch,

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.es19.js";
-import { readonly, ref, shallowRef, unref } from "./main.es19.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.es16.js";
-import { toDisplayString } from "./main.es16.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.es24.js";
+import { toDisplayString } from "./main.es24.js";
 const stack = [];
 function pushWarningContext(vnode) {
   stack.push(vnode);

package/dist/main.es9.js

@@ -1,4 +1,4 @@
-import RCButton from "./main.es17.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-autiFill.1",
+  "version": "8.26.11-autiFill.4",
   "files": [
     "dist",
     "src"

package/src/components/accordion/index.vue

@@ -5,7 +5,7 @@
       <RCCaret :is-down="isOpenByClick" />
     </WrapperHead>
     <WrapperContent
-      v-if="isOpenByClick"
+      v-show="isOpenByClick"
       class="accordion-content"
       :class="{ openAccordion: isOpenByClick && openingMode == 'click' }"
     >
@@ -69,6 +69,7 @@
         default: 'click',
       },
     },
+    emits: ['on-open', 'on-close'],
     data() {
       return {
         isOpenByClick: false,
@@ -76,8 +77,17 @@
     },
     methods: {
       toggleOpenByClick() {
+        this.$emit(this.isOpenByClick ? 'on-close' : 'on-open')
         this.isOpenByClick = !this.isOpenByClick
       },
+      close() {
+        this.$emit('on-close')
+        this.isOpenByClick = false
+      },
+      open() {
+        this.$emit('on-open')
+        this.isOpenByClick = true
+      },
     },
   }
 </script>

package/src/components/statusIndicator/index.vue

@@ -1,14 +1,16 @@
 <template>
   <BoxContainer
+    :border-radius="borderRadius"
     :is-active="isActive"
+    :is-dirty="isDirty"
     :is-disabled="isDisabled"
     :is-error="isError"
-    :is-touched="isTouched"
     :is-valid="isValid"
     :is-warning="isWarning"
+    :size="size"
   >
     <RcIcon
-      v-if="isValid && isTouched"
+      v-if="isValid"
       :color="theme.semanticColors.purple[500]"
       :hovered-color="theme.semanticColors.purple[500]"
       name="checkmark_thin"
@@ -18,15 +20,15 @@
       v-else-if="isError"
       :color="theme.colors.white"
       :hovered-color="theme.colors.white"
-      name="close"
-      size="16px"
+      name="cross"
+      size="10x"
     />
     <RcIcon
       v-else-if="isWarning"
       :color="theme.colors.white"
       :hovered-color="theme.colors.white"
       name="warning_triangle"
-      size="16px"
+      size="10px"
     />
     <NumberContainer v-else :is-active="isActive" :is-valid="isValid">
       <slot></slot>
@@ -39,7 +41,7 @@
   // <StatusIndicator
   //  :is-error="true"
   //  :is-warning="true"
-  //  :is-touched="true"
+  //  :is-dirty="true"
   //  :is-disabled="true"
   //  :is-active="true"
   // >
@@ -60,14 +62,16 @@
       isValid: Boolean,
       isError: Boolean,
       isWarning: Boolean,
-      isTouched: Boolean,
+      isDirty: Boolean,
       isDisabled: Boolean,
+      size: String,
+      borderRadius: String,
     })`
       display: flex;
       justify-content: center;
       align-items: center;
-      width: 32px;
-      height: 32px;
+      width: ${({ size }) => size};
+      height: ${({ size }) => size};
       font-size: 16px;
       background-color: ${({
         theme,
@@ -75,23 +79,41 @@
         isActive,
         isError,
         isWarning,
-        isTouched,
+        isDirty,
         isDisabled,
       }) => {
         if (isDisabled) return theme.semanticColors.grey[200]
         if (isError) return theme.semanticColors.red[500]
         if (isWarning) return theme.semanticColors.yellow[500]
-        if (!isTouched) return theme.semanticColors.grey[200]
         if (isActive) {
-          if (isValid) return theme.semanticColors.purple[200]
           return theme.semanticColors.purple[500]
         }
+        if (!isDirty) return theme.semanticColors.grey[200]
+        if (isValid) return theme.semanticColors.purple[200]
         return theme.semanticColors.grey[200]
       }};
+      border: 1px solid;
+      border-color: ${({
+        theme,
+        isValid,
+        isActive,
+        isError,
+        isWarning,
+        isDirty,
+        isDisabled,
+      }) => {
+        if (isDisabled) return theme.semanticColors.grey[500]
+        if (isError) return theme.semanticColors.red[600]
+        if (isWarning) return theme.semanticColors.yellow[600]
+        if (!isDirty) return theme.semanticColors.grey[500]
+        if (isActive) return theme.semanticColors.purple[600]
+        if (isValid) return theme.semanticColors.purple[600]
+        return theme.semanticColors.grey[500]
+      }};
       color: ${({ theme, isValid, isActive }) =>
         isActive ? theme.colors.white : theme.semanticColors.grey[800]};
       margin: 0;
-      border-radius: 5px;
+      border-radius: ${({ borderRadius }) => borderRadius};
       cursor: ${({ isValid }) => (isValid ? 'pointer' : 'default')};
       &:hover {
         ${({ theme, isValid, isActive }) =>
@@ -117,7 +139,7 @@
         type: Boolean,
         default: false,
       },
-      isTouched: {
+      isDirty: {
         type: Boolean,
         default: false,
       },
@@ -129,6 +151,14 @@
         type: Boolean,
         default: false,
       },
+      size: {
+        type: String,
+        default: '20px',
+      },
+      borderRadius: {
+        type: String,
+        default: '50%',
+      },
     },
     data() {
       return {
@@ -137,7 +167,7 @@
     },
     computed: {
       isValid() {
-        return this.isTouched && !this.isError && !this.isWarning
+        return this.isDirty && !this.isError && !this.isWarning
       },
     },
   }