@onereach/ui-components 21.6.2 → 21.7.0-beta.5412.0

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

@@ -122,48 +122,48 @@ const G = [
     "root"
   ],
   setup(e) {
-    const u = z(), {
+    const d = z(), {
       header: f,
       label: h,
       percent: k,
       footer: g
-    } = 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(() => [
+    } = A(), { width: u } = F(d), i = r(() => e.progress ?? (e.value ?? 0) / (e.maxValue ?? 1)), B = r(() => e.value ?? (e.progress ?? 0) * (e.maxValue ?? 1)), w = r(() => (i.value * 100).toFixed(e.precision) + "%"), m = r(() => e.type === a.Linear), p = r(() => e.type === a.Circle), P = r(() => !!f || !!h || !!k), b = 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), V = r(() => [
       "or-progress-v3",
       ...G,
       ...J[e.type]
-    ]), V = r(() => [
-      ...K
     ]), $ = r(() => [
-      ...Q
+      ...K
     ]), q = r(() => [
-      ...U
+      ...Q
     ]), C = r(() => [
-      ...ee
+      ...U
     ]), D = r(() => [
+      ...ee
+    ]), N = r(() => [
       ...X
     ]), E = r(() => [
       ...Y,
       ...e.loading ? Z[e.type] : [],
       ..._[v.value]
     ]), S = r(
-      () => m.value ? d.value - 4 : (
+      () => m.value ? u.value - 4 : (
         // 2 + 2 px horizontal padding for rounding
         p.value ? 14 * Math.PI : (
           // 14 = diameter = viewBox - stroke-width
           0
         )
       )
-    ), M = r(() => d.value ? d.value - 2 : "100%"), T = r(
+    ), M = r(() => u.value ? u.value - 2 : "100%"), T = r(
       () => e.loading ? void 0 : (1 - i.value) * S.value
     ), { isMobile: W } = j();
     return {
-      root: u,
-      rootStyles: N,
-      headerStyles: V,
-      labelStyles: $,
-      percentStyles: q,
-      footerStyles: C,
-      progressBarBackgroundStyles: D,
+      root: d,
+      rootStyles: V,
+      headerStyles: $,
+      labelStyles: q,
+      percentStyles: C,
+      footerStyles: D,
+      progressBarBackgroundStyles: N,
       progressBarMainPartStyles: E,
       strokeDasharray: S,
       strokeDashoffset: T,
@@ -173,8 +173,8 @@ const G = [
       percent: w,
       isLinearType: m,
       isCircleType: p,
-      isShowingHeader: b,
-      isShowingFooter: P,
+      isShowingHeader: P,
+      isShowingFooter: b,
       localColor: v,
       computedSize: L
     };
@@ -191,7 +191,7 @@ const G = [
   "stroke-width": "2",
   "stroke-linecap": "round"
 }, ie = ["stroke-dasharray", "stroke-dashoffset"];
-function ce(e, u, f, h, k, g) {
+function ce(e, d, f, h, k, g) {
   return n(), l("div", {
     ref: "root",
     class: o(e.rootStyles)
@@ -273,4 +273,4 @@ export {
   s as P,
   a
 };
-//# sourceMappingURL=OrProgress-cgGfaP0m.mjs.map
+//# sourceMappingURL=OrProgress-KR0cTOFr.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"OrProgress-KR0cTOFr.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(() => (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-cgGfaP0m.mjs";
+import { O as Ra, P as Ba, a as Ea } from "../OrProgress-KR0cTOFr.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-cgGfaP0m.mjs";
+import { O as o, P as e, a } from "../../OrProgress-KR0cTOFr.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-cgGfaP0m.mjs";
+import { O as Ra, P as Ba, a as Ea } from "./OrProgress-KR0cTOFr.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.2",
+  "version": "21.7.0-beta.5412.0",
   "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.2",
-    "@onereach/ui-components-common": "^21.6.2",
+    "@onereach/styles": "^21.6.1",
+    "@onereach/ui-components-common": "^21.6.1",
     "@splidejs/splide": "4.0.6",
     "@tiptap/core": "2.0.3",
     "@tiptap/extension-blockquote": "2.0.3",
@@ -102,6 +102,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "npmUnpacked": "4.15.2",
-  "gitHead": "a5d6cc360eb513f3e16f8e94f3e8cc173d605d67"
+  "npmUnpacked": "4.15.2"
 }

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

@@ -1 +0,0 @@
-{"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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"}