@onereach/ui-components 21.6.1 → 21.6.2

package/dist/esm/{OrProgress-DPyx9MSL.mjs → OrProgress-cgGfaP0m.mjs}

@@ -1,16 +1,15 @@
-import { useElementBounding as H } from "@vueuse/core";
-import z from "lodash/round";
-import { defineComponent as A, ref as F, useSlots as O, computed as r, openBlock as n, createElementBlock as l, normalizeClass as s, Fragment as R, renderSlot as c, createElementVNode as t, createTextVNode as x, toDisplayString as j, createCommentVNode as f } from "vue";
-import { useResponsive as I } from "@onereach/ui-components-common/hooks";
-import { _ as G } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
-var o = /* @__PURE__ */ ((e) => (e.Auto = "auto", e.Primary = "primary", e.Success = "success", e.Warning = "warning", e.Error = "error", e))(o || {}), a = /* @__PURE__ */ ((e) => (e.Linear = "linear", e.Circle = "circle", e))(a || {});
-const J = [
+import { useElementBounding as F } from "@vueuse/core";
+import { defineComponent as H, ref as z, useSlots as A, computed as r, openBlock as n, createElementBlock as l, normalizeClass as o, Fragment as O, renderSlot as c, createElementVNode as t, createTextVNode as x, toDisplayString as R, createCommentVNode as y } from "vue";
+import { useResponsive as j } from "@onereach/ui-components-common/hooks";
+import { _ as I } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
+var s = /* @__PURE__ */ ((e) => (e.Auto = "auto", e.Primary = "primary", e.Success = "success", e.Warning = "warning", e.Error = "error", e))(s || {}), a = /* @__PURE__ */ ((e) => (e.Linear = "linear", e.Circle = "circle", e))(a || {});
+const G = [
   // Typography
   "typography-caption-regular",
   // Theme
   "text-outline",
   "dark:text-outline-dark"
-], K = {
+], J = {
   [a.Linear]: [
     // Layout
     "flex",
@@ -23,31 +22,31 @@ const J = [
   [a.Circle]: [
     "-rotate-90"
   ]
-}, Q = [
+}, K = [
   // Layout
   "flex",
   "flex-row",
   // Spacing
   "mb-[6px]"
-], U = [
+], Q = [
   // Typography
   "typography-caption-bold",
   // Theme
   "text-on-background",
   "dark:text-on-background-dark"
-], X = [
+], U = [
   // Spacing
   "ml-auto"
-], Y = [
+], X = [
   // Theme
   "stroke-surface-variant",
   "dark:stroke-surface-variant-dark"
-], Z = [
+], Y = [
   // Position
   "origin-center",
   // Animation
   "transition-[stroke-dashoffset]"
-], _ = {
+], Z = {
   [a.Linear]: [
     // Animation
     "animate-linear-loader"
@@ -56,31 +55,31 @@ const J = [
     // Animation
     "animate-circular-loader"
   ]
-}, ee = {
-  [o.Primary]: [
+}, _ = {
+  [s.Primary]: [
     // Theme
     "stroke-primary-hover",
     "dark:stroke-primary-hover-dark"
   ],
-  [o.Success]: [
+  [s.Success]: [
     // Theme
     "stroke-success-hover",
     "dark:stroke-success-hover-dark"
   ],
-  [o.Warning]: [
+  [s.Warning]: [
     // Theme
     "stroke-warning-hover",
     "dark:stroke-warning-hover-dark"
   ],
-  [o.Error]: [
+  [s.Error]: [
     // Theme
     "stroke-error-hover",
     "dark:stroke-error-hover-dark"
   ]
-}, re = [
+}, ee = [
   // Spacing
   "mt-[2px]"
-], oe = A({
+], re = H({
   name: "OrProgress",
   props: {
     maxValue: {
@@ -111,7 +110,7 @@ const J = [
     color: {
       type: String,
       required: !1,
-      default: () => o.Auto
+      default: () => s.Auto
     },
     loading: {
       type: Boolean,
@@ -123,29 +122,29 @@ const J = [
     "root"
   ],
   setup(e) {
-    const u = F(), {
-      header: y,
+    const u = z(), {
+      header: f,
       label: h,
       percent: k,
       footer: g
-    } = O(), { width: d } = H(u), i = r(() => e.progress ?? (e.value ?? 0) / (e.maxValue ?? 1)), B = r(() => e.value ?? (e.progress ?? 0) * (e.maxValue ?? 1)), w = r(() => z(i.value * 100, e.precision) + "%"), m = r(() => e.type === a.Linear), p = r(() => e.type === a.Circle), P = r(() => !!y || !!h || !!k), b = r(() => !!g), v = r(() => e.loading ? o.Primary : e.color === o.Auto ? i.value <= 0.5 ? o.Success : i.value <= 0.95 ? o.Warning : o.Error : Object.values(o).includes(e.color) ? e.color : o.Success), L = r(() => W.value ? 20 : 16), V = r(() => [
+    } = A(), { width: d } = F(u), i = r(() => e.progress ?? (e.value ?? 0) / (e.maxValue ?? 1)), B = r(() => e.value ?? (e.progress ?? 0) * (e.maxValue ?? 1)), w = r(() => Number((i.value * 100).toFixed(e.precision)) + "%"), m = r(() => e.type === a.Linear), p = r(() => e.type === a.Circle), b = r(() => !!f || !!h || !!k), P = r(() => !!g), v = r(() => e.loading ? s.Primary : e.color === s.Auto ? i.value <= 0.5 ? s.Success : i.value <= 0.95 ? s.Warning : s.Error : Object.values(s).includes(e.color) ? e.color : s.Success), L = r(() => W.value ? 20 : 16), N = r(() => [
       "or-progress-v3",
-      ...J,
-      ...K[e.type]
+      ...G,
+      ...J[e.type]
+    ]), V = r(() => [
+      ...K
     ]), $ = r(() => [
       ...Q
     ]), q = r(() => [
       ...U
     ]), C = r(() => [
-      ...X
+      ...ee
     ]), D = r(() => [
-      ...re
-    ]), N = r(() => [
-      ...Y
+      ...X
     ]), E = r(() => [
-      ...Z,
-      ...e.loading ? _[e.type] : [],
-      ...ee[v.value]
+      ...Y,
+      ...e.loading ? Z[e.type] : [],
+      ..._[v.value]
     ]), S = r(
       () => m.value ? d.value - 4 : (
         // 2 + 2 px horizontal padding for rounding
@@ -156,15 +155,15 @@ const J = [
       )
     ), M = r(() => d.value ? d.value - 2 : "100%"), T = r(
       () => e.loading ? void 0 : (1 - i.value) * S.value
-    ), { isMobile: W } = I();
+    ), { isMobile: W } = j();
     return {
       root: u,
-      rootStyles: V,
-      headerStyles: $,
-      labelStyles: q,
-      percentStyles: C,
-      footerStyles: D,
-      progressBarBackgroundStyles: N,
+      rootStyles: N,
+      headerStyles: V,
+      labelStyles: $,
+      percentStyles: q,
+      footerStyles: C,
+      progressBarBackgroundStyles: D,
       progressBarMainPartStyles: E,
       strokeDasharray: S,
       strokeDashoffset: T,
@@ -174,8 +173,8 @@ const J = [
       percent: w,
       isLinearType: m,
       isCircleType: p,
-      isShowingHeader: P,
-      isShowingFooter: b,
+      isShowingHeader: b,
+      isShowingFooter: P,
       localColor: v,
       computedSize: L
     };
@@ -183,95 +182,95 @@ const J = [
 }), se = {
   width: "100%",
   height: "2"
-}, te = {
+}, oe = {
   fill: "none",
   "stroke-width": "2",
   "stroke-linecap": "round"
-}, ae = ["x2"], ne = ["x2", "stroke-dasharray", "stroke-dashoffset"], le = ["width", "height"], ie = {
+}, te = ["x2"], ae = ["x2", "stroke-dasharray", "stroke-dashoffset"], ne = ["width", "height"], le = {
   fill: "none",
   "stroke-width": "2",
   "stroke-linecap": "round"
-}, ce = ["stroke-dasharray", "stroke-dashoffset"];
-function ue(e, u, y, h, k, g) {
+}, ie = ["stroke-dasharray", "stroke-dashoffset"];
+function ce(e, u, f, h, k, g) {
   return n(), l("div", {
     ref: "root",
-    class: s(e.rootStyles)
+    class: o(e.rootStyles)
   }, [
-    e.isLinearType ? (n(), l(R, { key: 0 }, [
+    e.isLinearType ? (n(), l(O, { key: 0 }, [
       e.isShowingHeader ? (n(), l("div", {
         key: 0,
-        class: s(e.headerStyles)
+        class: o(e.headerStyles)
       }, [
         c(e.$slots, "header", {}, () => [
           t("div", {
-            class: s(e.labelStyles)
+            class: o(e.labelStyles)
           }, [
             c(e.$slots, "label")
           ], 2),
           t("div", {
-            class: s(e.percentStyles)
+            class: o(e.percentStyles)
           }, [
             c(e.$slots, "percent", { value: e.percent }, () => [
-              x(j(e.percent), 1)
+              x(R(e.percent), 1)
             ])
           ], 2)
         ])
-      ], 2)) : f("", !0),
+      ], 2)) : y("", !0),
       (n(), l("svg", se, [
-        t("g", te, [
+        t("g", oe, [
           t("line", {
-            class: s(e.progressBarBackgroundStyles),
+            class: o(e.progressBarBackgroundStyles),
             x1: "2",
             y1: "50%",
             x2: e.strokeWidth,
             y2: "50%"
-          }, null, 10, ae),
+          }, null, 10, te),
           t("line", {
-            class: s(e.progressBarMainPartStyles),
+            class: o(e.progressBarMainPartStyles),
             x1: "2",
             y1: "50%",
             x2: e.strokeWidth,
             y2: "50%",
             "stroke-dasharray": e.strokeDasharray,
             "stroke-dashoffset": e.strokeDashoffset
-          }, null, 10, ne)
+          }, null, 10, ae)
         ])
       ])),
       e.isShowingFooter ? (n(), l("div", {
         key: 1,
-        class: s(e.footerStyles)
+        class: o(e.footerStyles)
       }, [
         c(e.$slots, "footer", { value: e.localValue })
-      ], 2)) : f("", !0)
+      ], 2)) : y("", !0)
     ], 64)) : e.isCircleType ? (n(), l("svg", {
       key: 1,
       viewBox: "0 0 16 16",
       width: e.computedSize,
       height: e.computedSize
     }, [
-      t("g", ie, [
+      t("g", le, [
         t("circle", {
-          class: s(e.progressBarBackgroundStyles),
+          class: o(e.progressBarBackgroundStyles),
           cx: "50%",
           cy: "50%",
           r: "7"
         }, null, 2),
         t("circle", {
-          class: s(e.progressBarMainPartStyles),
+          class: o(e.progressBarMainPartStyles),
           cx: "50%",
           cy: "50%",
           r: "7",
           "stroke-dasharray": e.strokeDasharray,
           "stroke-dashoffset": e.strokeDashoffset
-        }, null, 10, ce)
+        }, null, 10, ie)
       ])
-    ], 8, le)) : f("", !0)
+    ], 8, ne)) : y("", !0)
   ], 2);
 }
-const ge = /* @__PURE__ */ G(oe, [["render", ue]]);
+const he = /* @__PURE__ */ I(re, [["render", ce]]);
 export {
-  ge as O,
-  o as P,
+  he as O,
+  s as P,
   a
 };
-//# sourceMappingURL=OrProgress-DPyx9MSL.mjs.map
+//# sourceMappingURL=OrProgress-cgGfaP0m.mjs.map

package/dist/esm/OrProgress-cgGfaP0m.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"OrProgress-cgGfaP0m.mjs","sources":["../../../components/or-progress-v3/src/props.ts","../../../components/or-progress-v3/src/styles.ts","../../../components/or-progress-v3/src/OrProgress.vue"],"sourcesContent":["export enum ProgressColor {\n  Auto = 'auto',\n  Primary = 'primary',\n  Success = 'success',\n  Warning = 'warning',\n  Error = 'error',\n}\n\nexport enum ProgressType {\n  Linear = 'linear',\n  Circle = 'circle',\n}\n","import { ProgressColor, ProgressType } from './props';\n\nexport const ProgressRoot: string[] = [\n  // Typography\n  'typography-caption-regular',\n\n  // Theme\n  'text-outline',\n  'dark:text-outline-dark',\n];\n\nexport const ProgressRootTypes: Record<ProgressType, string[]> = {\n  [ProgressType.Linear]: [\n    // Layout\n    'flex',\n    'flex-col',\n\n    // Box\n    'w-full',\n    'min-w-[160px]',\n    'max-w-[295px]',\n  ],\n\n  [ProgressType.Circle]: [\n    '-rotate-90',\n  ],\n};\n\nexport const ProgressHeader: string[] = [\n  // Layout\n  'flex',\n  'flex-row',\n\n  // Spacing\n  'mb-[6px]',\n];\n\nexport const ProgressHeaderLabel: string[] = [\n  // Typography\n  'typography-caption-bold',\n\n  // Theme\n  'text-on-background',\n  'dark:text-on-background-dark',\n];\n\nexport const ProgressHeaderPercent: string[] = [\n  // Spacing\n  'ml-auto',\n];\n\nexport const ProgressBarBackground: string[] = [\n  // Theme\n  'stroke-surface-variant',\n  'dark:stroke-surface-variant-dark',\n];\n\nexport const ProgressBarMain: string[] = [\n  // Position\n  'origin-center',\n\n  // Animation\n  'transition-[stroke-dashoffset]',\n];\n\nexport const ProgressBarAnimationTypes: Record<ProgressType, string[]> = {\n  [ProgressType.Linear]: [\n    // Animation\n    'animate-linear-loader',\n  ],\n\n  [ProgressType.Circle]: [\n    // Animation\n    'animate-circular-loader',\n  ],\n};\n\nexport const ProgressBarColors: Record<Exclude<ProgressColor, ProgressColor.Auto>, string[]> = {\n  [ProgressColor.Primary]: [\n    // Theme\n    'stroke-primary-hover',\n    'dark:stroke-primary-hover-dark',\n  ],\n\n  [ProgressColor.Success]: [\n    // Theme\n    'stroke-success-hover',\n    'dark:stroke-success-hover-dark',\n  ],\n\n  [ProgressColor.Warning]: [\n    // Theme\n    'stroke-warning-hover',\n    'dark:stroke-warning-hover-dark',\n  ],\n\n  [ProgressColor.Error]: [\n    // Theme\n    'stroke-error-hover',\n    'dark:stroke-error-hover-dark',\n  ],\n};\n\nexport const ProgressFooter: string[] = [\n  // Spacing\n  'mt-[2px]',\n];\n","<template>\n  <div\n    :ref=\"'root'\"\n    :class=\"rootStyles\"\n  >\n    <template v-if=\"isLinearType\">\n      <div\n        v-if=\"isShowingHeader\"\n        :class=\"headerStyles\"\n      >\n        <slot name=\"header\">\n          <div :class=\"labelStyles\">\n            <slot name=\"label\" />\n          </div>\n          <div :class=\"percentStyles\">\n            <slot\n              name=\"percent\"\n              :value=\"percent\"\n            >\n              {{ percent }}\n            </slot>\n          </div>\n        </slot>\n      </div>\n      <svg\n        width=\"100%\"\n        height=\"2\"\n      >\n        <g\n          fill=\"none\"\n          stroke-width=\"2\"\n          stroke-linecap=\"round\"\n        >\n          <line\n            :class=\"progressBarBackgroundStyles\"\n\n            x1=\"2\"\n            y1=\"50%\"\n            :x2=\"strokeWidth\"\n            y2=\"50%\"\n          />\n\n          <line\n            :class=\"progressBarMainPartStyles\"\n\n            x1=\"2\"\n            y1=\"50%\"\n            :x2=\"strokeWidth\"\n            y2=\"50%\"\n            :stroke-dasharray=\"strokeDasharray\"\n            :stroke-dashoffset=\"strokeDashoffset\"\n          />\n        </g>\n      </svg>\n      <div\n        v-if=\"isShowingFooter\"\n        :class=\"footerStyles\"\n      >\n        <slot\n          name=\"footer\"\n          :value=\"localValue\"\n        />\n      </div>\n    </template>\n    <template v-else-if=\"isCircleType\">\n      <svg\n        viewBox=\"0 0 16 16\"\n        :width=\"computedSize\"\n        :height=\"computedSize\"\n      >\n        <g\n          fill=\"none\"\n          stroke-width=\"2\"\n          stroke-linecap=\"round\"\n        >\n          <circle\n            :class=\"progressBarBackgroundStyles\"\n\n            cx=\"50%\"\n            cy=\"50%\"\n            r=\"7\"\n          />\n\n          <circle\n            :class=\"progressBarMainPartStyles\"\n\n            cx=\"50%\"\n            cy=\"50%\"\n            r=\"7\"\n            :stroke-dasharray=\"strokeDasharray\"\n            :stroke-dashoffset=\"strokeDashoffset\"\n          />\n        </g>\n      </svg>\n    </template>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { useElementBounding } from '@vueuse/core';\nimport { computed, defineComponent, PropType, ref, useSlots } from 'vue';\nimport { useResponsive } from '@onereach/ui-components-common/hooks';\nimport { ProgressColor, ProgressType } from './props';\nimport * as Styles from './styles';\n\nexport default defineComponent({\n  name: 'OrProgress',\n\n  props: {\n    maxValue: {\n      type: Number,\n      required: false,\n      default: 1,\n    },\n    value: {\n      type: Number,\n      required: false,\n      default: null,\n    },\n    progress: {\n      type: Number,\n      required: false,\n      default: null,\n    },\n    precision: {\n      type: Number,\n      required: false,\n      default: 2,\n    },\n    type: {\n      type: String as PropType<`${ProgressType}`>,\n      required: false,\n      default: () => ProgressType.Linear,\n    },\n    color: {\n      type: String as PropType<`${ProgressColor}`>,\n      required: false,\n      default: () => ProgressColor.Auto,\n    },\n    loading: {\n      type: Boolean,\n      required: false,\n      default: false,\n    },\n  },\n\n  expose: [\n    'root',\n  ],\n\n  setup(props) {\n    // Refs\n    const root = ref<HTMLElement>();\n\n    // Slots\n    const {\n      header: headerSlot,\n      label: labelSlot,\n      percent: percentSlot,\n      footer: footerSlot,\n    } = useSlots();\n\n    // State\n    const { width } = useElementBounding(root);\n\n    const localProgress = computed(() => props.progress ?? (props.value ?? 0) / (props.maxValue ?? 1));\n\n    const localValue = computed(() => props.value ?? (props.progress ?? 0) * (props.maxValue ?? 1));\n\n    const percent = computed(() => Number((localProgress.value * 100).toFixed(props.precision)) + '%');\n\n    const isLinearType = computed(() => props.type === ProgressType.Linear);\n\n    const isCircleType = computed(() => props.type === ProgressType.Circle);\n\n    const isShowingHeader = computed(() => !!headerSlot || !!labelSlot || !!percentSlot);\n\n    const isShowingFooter = computed(() => !!footerSlot);\n\n    const localColor = computed(() => {\n      if (props.loading) return ProgressColor.Primary;\n      if (props.color === ProgressColor.Auto) {\n        if (localProgress.value <= 0.5) {\n          return ProgressColor.Success;\n        } else if (localProgress.value <= 0.95) {\n          return ProgressColor.Warning;\n        } else {\n          return ProgressColor.Error;\n        }\n      } else {\n        return Object.values(ProgressColor).includes(props.color as ProgressColor)\n          ? props.color\n          : ProgressColor.Success;\n      }\n    });\n\n    const computedSize = computed(() => isMobile.value ? 20 : 16);\n\n    // Styles\n    const rootStyles = computed(() => [\n      'or-progress-v3',\n      ...Styles.ProgressRoot,\n      ...Styles.ProgressRootTypes[props.type],\n    ]);\n\n    const headerStyles = computed(() => [\n      ...Styles.ProgressHeader,\n    ]);\n\n    const labelStyles = computed(() => [\n      ...Styles.ProgressHeaderLabel,\n    ]);\n\n    const percentStyles = computed(() => [\n      ...Styles.ProgressHeaderPercent,\n    ]);\n\n    const footerStyles = computed(() => [\n      ...Styles.ProgressFooter,\n    ]);\n\n    const progressBarBackgroundStyles = computed(() => [\n      ...Styles.ProgressBarBackground,\n    ]);\n\n    const progressBarMainPartStyles = computed(() => [\n      ...Styles.ProgressBarMain,\n      ...(props.loading ? Styles.ProgressBarAnimationTypes[props.type] : []),\n      ...Styles.ProgressBarColors[localColor.value],\n    ]);\n\n    const strokeDasharray = computed(() =>\n      isLinearType.value ? width.value - 4 : // 2 + 2 px horizontal padding for rounding\n        isCircleType.value ? 14 * Math.PI : // 14 = diameter = viewBox - stroke-width\n          0,\n    );\n\n    const strokeWidth = computed(() => {\n      return width.value\n        ? width.value - 2\n        : '100%';\n    });\n\n    const strokeDashoffset = computed(() => props.loading ?\n      undefined :\n      (1 - localProgress.value) * strokeDasharray.value,\n    );\n\n    // Helpers\n    const { isMobile } = useResponsive();\n\n    return {\n      root,\n      rootStyles,\n      headerStyles,\n      labelStyles,\n      percentStyles,\n      footerStyles,\n      progressBarBackgroundStyles,\n      progressBarMainPartStyles,\n      strokeDasharray,\n      strokeDashoffset,\n      strokeWidth,\n      localProgress,\n      localValue,\n      percent,\n      isLinearType,\n      isCircleType,\n      isShowingHeader,\n      isShowingFooter,\n      localColor,\n      computedSize,\n    };\n  },\n});\n</script>\n"],"names":["ProgressColor","ProgressType","ProgressRoot","ProgressRootTypes","ProgressHeader","ProgressHeaderLabel","ProgressHeaderPercent","ProgressBarBackground","ProgressBarMain","ProgressBarAnimationTypes","ProgressBarColors","ProgressFooter","_sfc_main","defineComponent","props","root","ref","headerSlot","labelSlot","percentSlot","footerSlot","useSlots","width","useElementBounding","localProgress","computed","localValue","percent","isLinearType","isCircleType","isShowingHeader","isShowingFooter","localColor","computedSize","isMobile","rootStyles","Styles.ProgressRoot","Styles.ProgressRootTypes","headerStyles","Styles.ProgressHeader","labelStyles","Styles.ProgressHeaderLabel","percentStyles","Styles.ProgressHeaderPercent","footerStyles","Styles.ProgressFooter","progressBarBackgroundStyles","Styles.ProgressBarBackground","progressBarMainPartStyles","Styles.ProgressBarMain","Styles.ProgressBarAnimationTypes","Styles.ProgressBarColors","strokeDasharray","strokeWidth","strokeDashoffset","useResponsive","_hoisted_1","_hoisted_2","_hoisted_5","_hoisted_6","_sfc_render","_ctx","_cache","$props","$setup","$data","$options","_openBlock","_createElementBlock","_normalizeClass","_Fragment","_renderSlot","_createElementVNode","_createCommentVNode","_hoisted_3"],"mappings":"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"}

package/dist/esm/components/index.mjs

@@ -60,7 +60,7 @@ import { N as la, O as Ta, V as ca } from "../OrNotification-Dz3Tr1wI.mjs";
 import { O as Sa } from "../OrOverlay-BjrghiC-.mjs";
 import { O as Pa } from "../OrPagination-DIacMkVe.mjs";
 import { O as Ia, a as ga, P as Da, i as ba } from "../OrPopover-DbygLPtT.mjs";
-import { O as Ra, P as Ba, a as Ea } from "../OrProgress-DPyx9MSL.mjs";
+import { O as Ra, P as Ba, a as Ea } from "../OrProgress-cgGfaP0m.mjs";
 import { O as Fa } from "../OrRadioGroup-_n_7vdJU.mjs";
 import { O as za } from "../OrRadio-CJLJrxIS.mjs";
 import { O as Ma } from "../OrRangeSlider-FL1E28ec.mjs";

package/dist/esm/components/or-progress-v3/index.mjs

@@ -1,4 +1,4 @@
-import { O as o, P as e, a } from "../../OrProgress-DPyx9MSL.mjs";
+import { O as o, P as e, a } from "../../OrProgress-cgGfaP0m.mjs";
 export {
   o as OrProgressV3,
   e as ProgressColor,

package/dist/esm/index.mjs

@@ -60,7 +60,7 @@ import { N as la, O as Ta, V as ca } from "./OrNotification-Dz3Tr1wI.mjs";
 import { O as Sa } from "./OrOverlay-BjrghiC-.mjs";
 import { O as Pa } from "./OrPagination-DIacMkVe.mjs";
 import { O as Ia, a as ga, P as Da, i as ba } from "./OrPopover-DbygLPtT.mjs";
-import { O as Ra, P as Ba, a as Ea } from "./OrProgress-DPyx9MSL.mjs";
+import { O as Ra, P as Ba, a as Ea } from "./OrProgress-cgGfaP0m.mjs";
 import { O as Fa } from "./OrRadioGroup-_n_7vdJU.mjs";
 import { O as za } from "./OrRadio-CJLJrxIS.mjs";
 import { O as Ma } from "./OrRangeSlider-FL1E28ec.mjs";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@onereach/ui-components",
-  "version": "21.6.1",
+  "version": "21.6.2",
   "description": "Vue components library for v3",
   "license": "Apache-2.0",
   "sideEffects": false,
@@ -46,8 +46,8 @@
     "@codemirror/view": "^6",
     "@floating-ui/dom": "1.5.3",
     "@lezer/highlight": "*",
-    "@onereach/styles": "^21.6.1",
-    "@onereach/ui-components-common": "^21.6.1",
+    "@onereach/styles": "^21.6.2",
+    "@onereach/ui-components-common": "^21.6.2",
     "@splidejs/splide": "4.0.6",
     "@tiptap/core": "2.0.3",
     "@tiptap/extension-blockquote": "2.0.3",
@@ -67,7 +67,6 @@
     "@tiptap/extension-strike": "2.0.3",
     "@tiptap/extension-underline": "2.0.3",
     "@tiptap/starter-kit": "2.0.3",
-    "@types/lodash": "4.14.173",
     "@types/sortablejs": "1.10.7",
     "@types/uuid": "8.3.1",
     "@vueuse/core": "9.13.0",
@@ -98,12 +97,11 @@
   },
   "peerDependencies": {
     "@vueuse/core": "^9",
-    "lodash": ">=4.17.21",
     "vue": ">=3.0.5"
   },
   "publishConfig": {
     "access": "public"
   },
   "npmUnpacked": "4.15.2",
-  "gitHead": "67ab682de238fb347920de1aeff226788831d0de"
+  "gitHead": "a5d6cc360eb513f3e16f8e94f3e8cc173d605d67"
 }

package/dist/esm/OrProgress-DPyx9MSL.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"OrProgress-DPyx9MSL.mjs","sources":["../../../components/or-progress-v3/src/props.ts","../../../components/or-progress-v3/src/styles.ts","../../../components/or-progress-v3/src/OrProgress.vue"],"sourcesContent":["export enum ProgressColor {\n  Auto = 'auto',\n  Primary = 'primary',\n  Success = 'success',\n  Warning = 'warning',\n  Error = 'error',\n}\n\nexport enum ProgressType {\n  Linear = 'linear',\n  Circle = 'circle',\n}\n","import { ProgressColor, ProgressType } from './props';\n\nexport const ProgressRoot: string[] = [\n  // Typography\n  'typography-caption-regular',\n\n  // Theme\n  'text-outline',\n  'dark:text-outline-dark',\n];\n\nexport const ProgressRootTypes: Record<ProgressType, string[]> = {\n  [ProgressType.Linear]: [\n    // Layout\n    'flex',\n    'flex-col',\n\n    // Box\n    'w-full',\n    'min-w-[160px]',\n    'max-w-[295px]',\n  ],\n\n  [ProgressType.Circle]: [\n    '-rotate-90',\n  ],\n};\n\nexport const ProgressHeader: string[] = [\n  // Layout\n  'flex',\n  'flex-row',\n\n  // Spacing\n  'mb-[6px]',\n];\n\nexport const ProgressHeaderLabel: string[] = [\n  // Typography\n  'typography-caption-bold',\n\n  // Theme\n  'text-on-background',\n  'dark:text-on-background-dark',\n];\n\nexport const ProgressHeaderPercent: string[] = [\n  // Spacing\n  'ml-auto',\n];\n\nexport const ProgressBarBackground: string[] = [\n  // Theme\n  'stroke-surface-variant',\n  'dark:stroke-surface-variant-dark',\n];\n\nexport const ProgressBarMain: string[] = [\n  // Position\n  'origin-center',\n\n  // Animation\n  'transition-[stroke-dashoffset]',\n];\n\nexport const ProgressBarAnimationTypes: Record<ProgressType, string[]> = {\n  [ProgressType.Linear]: [\n    // Animation\n    'animate-linear-loader',\n  ],\n\n  [ProgressType.Circle]: [\n    // Animation\n    'animate-circular-loader',\n  ],\n};\n\nexport const ProgressBarColors: Record<Exclude<ProgressColor, ProgressColor.Auto>, string[]> = {\n  [ProgressColor.Primary]: [\n    // Theme\n    'stroke-primary-hover',\n    'dark:stroke-primary-hover-dark',\n  ],\n\n  [ProgressColor.Success]: [\n    // Theme\n    'stroke-success-hover',\n    'dark:stroke-success-hover-dark',\n  ],\n\n  [ProgressColor.Warning]: [\n    // Theme\n    'stroke-warning-hover',\n    'dark:stroke-warning-hover-dark',\n  ],\n\n  [ProgressColor.Error]: [\n    // Theme\n    'stroke-error-hover',\n    'dark:stroke-error-hover-dark',\n  ],\n};\n\nexport const ProgressFooter: string[] = [\n  // Spacing\n  'mt-[2px]',\n];\n","<template>\n  <div\n    :ref=\"'root'\"\n    :class=\"rootStyles\"\n  >\n    <template v-if=\"isLinearType\">\n      <div\n        v-if=\"isShowingHeader\"\n        :class=\"headerStyles\"\n      >\n        <slot name=\"header\">\n          <div :class=\"labelStyles\">\n            <slot name=\"label\" />\n          </div>\n          <div :class=\"percentStyles\">\n            <slot\n              name=\"percent\"\n              :value=\"percent\"\n            >\n              {{ percent }}\n            </slot>\n          </div>\n        </slot>\n      </div>\n      <svg\n        width=\"100%\"\n        height=\"2\"\n      >\n        <g\n          fill=\"none\"\n          stroke-width=\"2\"\n          stroke-linecap=\"round\"\n        >\n          <line\n            :class=\"progressBarBackgroundStyles\"\n\n            x1=\"2\"\n            y1=\"50%\"\n            :x2=\"strokeWidth\"\n            y2=\"50%\"\n          />\n\n          <line\n            :class=\"progressBarMainPartStyles\"\n\n            x1=\"2\"\n            y1=\"50%\"\n            :x2=\"strokeWidth\"\n            y2=\"50%\"\n            :stroke-dasharray=\"strokeDasharray\"\n            :stroke-dashoffset=\"strokeDashoffset\"\n          />\n        </g>\n      </svg>\n      <div\n        v-if=\"isShowingFooter\"\n        :class=\"footerStyles\"\n      >\n        <slot\n          name=\"footer\"\n          :value=\"localValue\"\n        />\n      </div>\n    </template>\n    <template v-else-if=\"isCircleType\">\n      <svg\n        viewBox=\"0 0 16 16\"\n        :width=\"computedSize\"\n        :height=\"computedSize\"\n      >\n        <g\n          fill=\"none\"\n          stroke-width=\"2\"\n          stroke-linecap=\"round\"\n        >\n          <circle\n            :class=\"progressBarBackgroundStyles\"\n\n            cx=\"50%\"\n            cy=\"50%\"\n            r=\"7\"\n          />\n\n          <circle\n            :class=\"progressBarMainPartStyles\"\n\n            cx=\"50%\"\n            cy=\"50%\"\n            r=\"7\"\n            :stroke-dasharray=\"strokeDasharray\"\n            :stroke-dashoffset=\"strokeDashoffset\"\n          />\n        </g>\n      </svg>\n    </template>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { useElementBounding } from '@vueuse/core';\nimport round from 'lodash/round';\nimport { computed, defineComponent, PropType, ref, useSlots } from 'vue';\nimport { useResponsive } from '@onereach/ui-components-common/hooks';\nimport { ProgressColor, ProgressType } from './props';\nimport * as Styles from './styles';\n\nexport default defineComponent({\n  name: 'OrProgress',\n\n  props: {\n    maxValue: {\n      type: Number,\n      required: false,\n      default: 1,\n    },\n    value: {\n      type: Number,\n      required: false,\n      default: null,\n    },\n    progress: {\n      type: Number,\n      required: false,\n      default: null,\n    },\n    precision: {\n      type: Number,\n      required: false,\n      default: 2,\n    },\n    type: {\n      type: String as PropType<`${ProgressType}`>,\n      required: false,\n      default: () => ProgressType.Linear,\n    },\n    color: {\n      type: String as PropType<`${ProgressColor}`>,\n      required: false,\n      default: () => ProgressColor.Auto,\n    },\n    loading: {\n      type: Boolean,\n      required: false,\n      default: false,\n    },\n  },\n\n  expose: [\n    'root',\n  ],\n\n  setup(props) {\n    // Refs\n    const root = ref<HTMLElement>();\n\n    // Slots\n    const {\n      header: headerSlot,\n      label: labelSlot,\n      percent: percentSlot,\n      footer: footerSlot,\n    } = useSlots();\n\n    // State\n    const { width } = useElementBounding(root);\n\n    const localProgress = computed(() => props.progress ?? (props.value ?? 0) / (props.maxValue ?? 1));\n\n    const localValue = computed(() => props.value ?? (props.progress ?? 0) * (props.maxValue ?? 1));\n\n    const percent = computed(() => round(localProgress.value * 100, props.precision) + '%');\n\n    const isLinearType = computed(() => props.type === ProgressType.Linear);\n\n    const isCircleType = computed(() => props.type === ProgressType.Circle);\n\n    const isShowingHeader = computed(() => !!headerSlot || !!labelSlot || !!percentSlot);\n\n    const isShowingFooter = computed(() => !!footerSlot);\n\n    const localColor = computed(() => {\n      if (props.loading) return ProgressColor.Primary;\n      if (props.color === ProgressColor.Auto) {\n        if (localProgress.value <= 0.5) {\n          return ProgressColor.Success;\n        } else if (localProgress.value <= 0.95) {\n          return ProgressColor.Warning;\n        } else {\n          return ProgressColor.Error;\n        }\n      } else {\n        return Object.values(ProgressColor).includes(props.color as ProgressColor)\n          ? props.color\n          : ProgressColor.Success;\n      }\n    });\n\n    const computedSize = computed(() => isMobile.value ? 20 : 16);\n\n    // Styles\n    const rootStyles = computed(() => [\n      'or-progress-v3',\n      ...Styles.ProgressRoot,\n      ...Styles.ProgressRootTypes[props.type],\n    ]);\n\n    const headerStyles = computed(() => [\n      ...Styles.ProgressHeader,\n    ]);\n\n    const labelStyles = computed(() => [\n      ...Styles.ProgressHeaderLabel,\n    ]);\n\n    const percentStyles = computed(() => [\n      ...Styles.ProgressHeaderPercent,\n    ]);\n\n    const footerStyles = computed(() => [\n      ...Styles.ProgressFooter,\n    ]);\n\n    const progressBarBackgroundStyles = computed(() => [\n      ...Styles.ProgressBarBackground,\n    ]);\n\n    const progressBarMainPartStyles = computed(() => [\n      ...Styles.ProgressBarMain,\n      ...(props.loading ? Styles.ProgressBarAnimationTypes[props.type] : []),\n      ...Styles.ProgressBarColors[localColor.value],\n    ]);\n\n    const strokeDasharray = computed(() =>\n      isLinearType.value ? width.value - 4 : // 2 + 2 px horizontal padding for rounding\n        isCircleType.value ? 14 * Math.PI : // 14 = diameter = viewBox - stroke-width\n          0,\n    );\n\n    const strokeWidth = computed(() => {\n      return width.value\n        ? width.value - 2\n        : '100%';\n    });\n\n    const strokeDashoffset = computed(() => props.loading ?\n      undefined :\n      (1 - localProgress.value) * strokeDasharray.value,\n    );\n\n    // Helpers\n    const { isMobile } = useResponsive();\n\n    return {\n      root,\n      rootStyles,\n      headerStyles,\n      labelStyles,\n      percentStyles,\n      footerStyles,\n      progressBarBackgroundStyles,\n      progressBarMainPartStyles,\n      strokeDasharray,\n      strokeDashoffset,\n      strokeWidth,\n      localProgress,\n      localValue,\n      percent,\n      isLinearType,\n      isCircleType,\n      isShowingHeader,\n      isShowingFooter,\n      localColor,\n      computedSize,\n    };\n  },\n});\n</script>\n"],"names":["ProgressColor","ProgressType","ProgressRoot","ProgressRootTypes","ProgressHeader","ProgressHeaderLabel","ProgressHeaderPercent","ProgressBarBackground","ProgressBarMain","ProgressBarAnimationTypes","ProgressBarColors","ProgressFooter","_sfc_main","defineComponent","props","root","ref","headerSlot","labelSlot","percentSlot","footerSlot","useSlots","width","useElementBounding","localProgress","computed","localValue","percent","round","isLinearType","isCircleType","isShowingHeader","isShowingFooter","localColor","computedSize","isMobile","rootStyles","Styles.ProgressRoot","Styles.ProgressRootTypes","headerStyles","Styles.ProgressHeader","labelStyles","Styles.ProgressHeaderLabel","percentStyles","Styles.ProgressHeaderPercent","footerStyles","Styles.ProgressFooter","progressBarBackgroundStyles","Styles.ProgressBarBackground","progressBarMainPartStyles","Styles.ProgressBarMain","Styles.ProgressBarAnimationTypes","Styles.ProgressBarColors","strokeDasharray","strokeWidth","strokeDashoffset","useResponsive","_hoisted_1","_hoisted_2","_hoisted_5","_hoisted_6","_sfc_render","_ctx","_cache","$props","$setup","$data","$options","_openBlock","_createElementBlock","_normalizeClass","_Fragment","_renderSlot","_createElementVNode","_createCommentVNode","_hoisted_3"],"mappings":"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"}