@transkripid/flowbite-react/lib/components/Progress/Progress.mjs

Official React components built for Flowbite and Tailwind CSS - Transkrip.id fork

import { jsxs as I, jsx as A, Fragment as K } from "react/jsx-runtime";
import { c as O } from "react/compiler-runtime";
import { useId as Q } from "react";
import { twMerge as J } from "tailwind-merge";
import { mergeDeep as R } from "../../helpers/merge-deep.mjs";
import { getTheme as S } from "../../theme-store/index.mjs";
const U = (B) => {
  const e = O(61);
  let n, t, c, z, T, y, j, $, D, F, o;
  e[0] !== B ? ({
    className: n,
    color: z,
    labelProgress: T,
    labelText: y,
    progress: t,
    progressLabelPosition: j,
    size: $,
    textLabel: D,
    textLabelPosition: F,
    theme: o,
    ...c
  } = B, e[0] = B, e[1] = n, e[2] = t, e[3] = c, e[4] = z, e[5] = T, e[6] = y, e[7] = j, e[8] = $, e[9] = D, e[10] = F, e[11] = o) : (n = e[1], t = e[2], c = e[3], z = e[4], T = e[5], y = e[6], j = e[7], $ = e[8], D = e[9], F = e[10], o = e[11]);
  const C = z === void 0 ? "cyan" : z, i = T === void 0 ? !1 : T, r = y === void 0 ? !1 : y, a = j === void 0 ? "inside" : j, M = $ === void 0 ? "md" : $, s = D === void 0 ? "progressbar" : D, d = F === void 0 ? "inside" : F;
  let k;
  e[12] !== o ? (k = o === void 0 ? {} : o, e[12] = o, e[13] = k) : k = e[13];
  const E = k, G = Q();
  let l, p, b, m, f, g, h, v, u;
  if (e[14] !== n || e[15] !== C || e[16] !== E || e[17] !== G || e[18] !== i || e[19] !== r || e[20] !== t || e[21] !== a || e[22] !== c || e[23] !== M || e[24] !== s || e[25] !== d) {
    const N = R(S().progress, E);
    m = G, f = s, g = t, h = "progressbar", v = c, u = (s && r && d === "outside" || t > 0 && i && a === "outside") && /* @__PURE__ */ I("div", { className: N.label, "data-testid": "flowbite-progress-outer-label-container", children: [
      s && r && d === "outside" && /* @__PURE__ */ A("span", { "data-testid": "flowbite-progress-outer-text-label", children: s }),
      i && a === "outside" && /* @__PURE__ */ I("span", { "data-testid": "flowbite-progress-outer-progress-label", children: [
        t,
        "%"
      ] })
    ] }), b = J(N.base, N.size[M], n);
    const H = `${t}%`;
    e[35] !== H ? (l = {
      width: H
    }, e[35] = H, e[36] = l) : l = e[36], p = J(N.bar, N.color[C], N.size[M]), e[14] = n, e[15] = C, e[16] = E, e[17] = G, e[18] = i, e[19] = r, e[20] = t, e[21] = a, e[22] = c, e[23] = M, e[24] = s, e[25] = d, e[26] = l, e[27] = p, e[28] = b, e[29] = m, e[30] = f, e[31] = g, e[32] = h, e[33] = v, e[34] = u;
  } else
    l = e[26], p = e[27], b = e[28], m = e[29], f = e[30], g = e[31], h = e[32], v = e[33], u = e[34];
  let x;
  e[37] !== r || e[38] !== s || e[39] !== d ? (x = s && r && d === "inside" && /* @__PURE__ */ A("span", { "data-testid": "flowbite-progress-inner-text-label", children: s }), e[37] = r, e[38] = s, e[39] = d, e[40] = x) : x = e[40];
  let w;
  e[41] !== i || e[42] !== t || e[43] !== a ? (w = t > 0 && i && a === "inside" && /* @__PURE__ */ I("span", { "data-testid": "flowbite-progress-inner-progress-label", children: [
    t,
    "%"
  ] }), e[41] = i, e[42] = t, e[43] = a, e[44] = w) : w = e[44];
  let P;
  e[45] !== l || e[46] !== p || e[47] !== x || e[48] !== w ? (P = /* @__PURE__ */ I("div", { style: l, className: p, children: [
    x,
    w
  ] }), e[45] = l, e[46] = p, e[47] = x, e[48] = w, e[49] = P) : P = e[49];
  let L;
  e[50] !== b || e[51] !== P ? (L = /* @__PURE__ */ A("div", { className: b, children: P }), e[50] = b, e[51] = P, e[52] = L) : L = e[52];
  let q;
  return e[53] !== m || e[54] !== f || e[55] !== g || e[56] !== h || e[57] !== v || e[58] !== u || e[59] !== L ? (q = /* @__PURE__ */ A(K, { children: /* @__PURE__ */ I("div", { id: m, "aria-label": f, "aria-valuenow": g, role: h, ...v, children: [
    u,
    L
  ] }) }), e[53] = m, e[54] = f, e[55] = g, e[56] = h, e[57] = v, e[58] = u, e[59] = L, e[60] = q) : q = e[60], q;
};
U.displayName = "Progress";
export {
  U as Progress
};
//# sourceMappingURL=Progress.mjs.map