@eturnity/eturnity_reusable_components 8.31.6-dev-03-elisee-8.37.0 → 8.31.6-dev-03-elisee-8.37.1

package/dist/main.es23.js

@@ -1,26 +1,196 @@
 import styled from "./main.es7.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";
-import { resolveComponent, openBlock, createBlock, withCtx, createTextVNode } from "./main.es6.js";
-const StarElement = styled.span`
-    color: ${({
-  theme
-}) => theme.colors.red};
-  `;
+import { resolveComponent, openBlock, createBlock, withCtx, renderSlot } from "./main.es6.js";
+const StyledComponents = {
+  ProgressionStepItem: styled.div`
+      display: flex;
+      flex-direction: row;
+      align-items: center;
+    `,
+  BoxContainer: styled("div", {
+    isActive: Boolean,
+    isValid: Boolean,
+    isError: Boolean,
+    isWarning: Boolean,
+    isDirty: Boolean,
+    isDisabled: Boolean,
+    size: String,
+    borderRadius: String
+  })`
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      width: ${({
+    size
+  }) => size};
+      height: ${({
+    size
+  }) => size};
+      font-size: 16px;
+      background-color: ${({
+    theme: theme2,
+    isValid,
+    isActive,
+    isError,
+    isWarning,
+    isDirty,
+    isDisabled
+  }) => {
+    if (isDisabled)
+      return theme2.semanticColors.grey[200];
+    if (isError)
+      return theme2.semanticColors.red[500];
+    if (isWarning)
+      return theme2.semanticColors.yellow[500];
+    if (isActive) {
+      return theme2.semanticColors.purple[500];
+    }
+    if (!isDirty)
+      return theme2.semanticColors.grey[50];
+    if (isValid)
+      return theme2.semanticColors.purple[50];
+    return theme2.semanticColors.grey[50];
+  }};
+      border: 1px solid;
+      border-color: ${({
+    theme: theme2,
+    isValid,
+    isActive,
+    isError,
+    isWarning,
+    isDirty,
+    isDisabled
+  }) => {
+    if (isDisabled)
+      return theme2.semanticColors.grey[500];
+    if (isError)
+      return theme2.semanticColors.red[500];
+    if (isWarning)
+      return theme2.semanticColors.yellow[600];
+    if (!isDirty)
+      return theme2.semanticColors.grey[400];
+    if (isActive)
+      return theme2.semanticColors.purple[600];
+    if (isValid)
+      return theme2.semanticColors.purple[50];
+    return theme2.semanticColors.grey[400];
+  }};
+      color: ${({
+    theme: theme2,
+    isValid,
+    isActive
+  }) => isActive ? theme2.colors.white : theme2.semanticColors.grey[800]};
+      margin: 0;
+      border-radius: ${({
+    borderRadius
+  }) => borderRadius};
+      cursor: ${({
+    isValid
+  }) => isValid ? "pointer" : "default"};
+      &:hover {
+        ${({
+    theme: theme2,
+    isValid,
+    isActive
+  }) => isValid ? "background-color:" + theme2.semanticColors.purple[100] + ";" : ""}
+      }
+    `,
+  NumberContainer: styled.div``
+};
 const _sfc_main = {
-  name: "IsRequiredLabelStar",
+  name: "StatusIndicator",
   components: {
-    StarElement
+    ...StyledComponents,
+    RcIcon: _sfc_main$1
+  },
+  props: {
+    isError: {
+      type: Boolean,
+      default: false
+    },
+    isWarning: {
+      type: Boolean,
+      default: false
+    },
+    isDirty: {
+      type: Boolean,
+      default: false
+    },
+    isDisabled: {
+      type: Boolean,
+      default: false
+    },
+    isActive: {
+      type: Boolean,
+      default: false
+    },
+    size: {
+      type: String,
+      default: "20px"
+    },
+    borderRadius: {
+      type: String,
+      default: "50%"
+    }
+  },
+  data() {
+    return {
+      theme
+    };
+  },
+  computed: {
+    isValid() {
+      return this.isDirty && !this.isError && !this.isWarning;
+    }
   }
 };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_StarElement = resolveComponent("StarElement");
-  return openBlock(), createBlock(_component_StarElement, null, {
-    default: withCtx(() => [createTextVNode("*")]),
-    _: 1
-  });
+  const _component_RcIcon = resolveComponent("RcIcon");
+  const _component_NumberContainer = resolveComponent("NumberContainer");
+  const _component_BoxContainer = resolveComponent("BoxContainer");
+  return openBlock(), createBlock(_component_BoxContainer, {
+    "border-radius": $props.borderRadius,
+    "is-active": $props.isActive,
+    "is-dirty": $props.isDirty,
+    "is-disabled": $props.isDisabled,
+    "is-error": $props.isError,
+    "is-valid": $options.isValid,
+    "is-warning": $props.isWarning,
+    size: $props.size
+  }, {
+    default: withCtx(() => [$options.isValid ? (openBlock(), createBlock(_component_RcIcon, {
+      key: 0,
+      color: $data.theme.semanticColors.purple[500],
+      "hovered-color": $data.theme.semanticColors.purple[500],
+      name: "checkmark_thin",
+      size: "16px"
+    }, null, 8, ["color", "hovered-color"])) : $props.isError ? (openBlock(), createBlock(_component_RcIcon, {
+      key: 1,
+      color: $data.theme.colors.white,
+      "hovered-color": $data.theme.colors.white,
+      name: "cross",
+      size: "10x"
+    }, null, 8, ["color", "hovered-color"])) : $props.isWarning ? (openBlock(), createBlock(_component_RcIcon, {
+      key: 2,
+      color: $data.theme.colors.white,
+      "hovered-color": $data.theme.colors.white,
+      name: "warning_triangle",
+      size: "10px"
+    }, null, 8, ["color", "hovered-color"])) : (openBlock(), createBlock(_component_NumberContainer, {
+      key: 3,
+      "is-active": $props.isActive,
+      "is-valid": $options.isValid
+    }, {
+      default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+      _: 3
+    }, 8, ["is-active", "is-valid"]))]),
+    _: 3
+  }, 8, ["border-radius", "is-active", "is-dirty", "is-disabled", "is-error", "is-valid", "is-warning", "size"]);
 }
-const IsRequiredLabelStar = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+const StatusIndicator = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export {
-  IsRequiredLabelStar as default
+  StatusIndicator as default
 };

package/dist/main.es24.js

@@ -1,201 +1,4 @@
-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];
-}
-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) => {
-    const hit = cache[str];
-    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()
-);
-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;
-};
-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;
-};
+const Test_vue_vue_type_style_index_0_lang = "";
 export {
-  EMPTY_ARR,
-  EMPTY_OBJ,
-  NO,
-  NOOP,
-  camelize,
-  capitalize,
-  def,
-  extend,
-  getGlobalThis,
-  hasChanged,
-  hasOwn,
-  hyphenate,
-  invokeArrayFns,
-  isArray,
-  isBuiltInDirective,
-  isFunction,
-  isMap,
-  isModelListener,
-  isObject,
-  isOn,
-  isPlainObject,
-  isPromise,
-  isReservedProp,
-  isSet,
-  isString,
-  looseToNumber,
-  makeMap,
-  normalizeClass,
-  normalizeStyle,
-  objectToString,
-  parseStringStyle,
-  remove,
-  toDisplayString,
-  toHandlerKey,
-  toRawType,
-  toTypeString
+  Test_vue_vue_type_style_index_0_lang as default
 };