@bcc-code/component-library-vue 0.8.4 → 0.8.6

package/dist/component-library.js

@@ -1,4 +1,4 @@
-import { ref as Le, readonly as $p, getCurrentInstance as hl, onMounted as di, nextTick as ji, watch as wt, reactive as tu, inject as Fa, markRaw as Mp, mergeProps as c, defineComponent as Ee, openBlock as d, createElementBlock as p, normalizeClass as x, renderSlot as b, createBlock as y, resolveDynamicComponent as C, toDisplayString as D, createCommentVNode as v, computed as Be, createElementVNode as k, Fragment as T, renderList as j, withCtx as w, createVNode as B, Transition as ye, toRef as Dp, unref as re, createStaticVNode as nu, useModel as Or, onUnmounted as Ka, mergeModels as Sn, normalizeStyle as Mt, withDirectives as Z, vShow as et, TransitionGroup as ou, KeepAlive as Ep, createTextVNode as fe, useId as Ap, createSlots as Se, resolveComponent as S, resolveDirective as de, useAttrs as Tr, h as he, normalizeProps as Pe, guardReactiveProps as Qe, Teleport as Rp, toHandlers as Dr, withKeys as we, withModifiers as Tn, vModelText as zp } from "vue";
+import { ref as Be, readonly as $p, getCurrentInstance as hl, onMounted as di, nextTick as ji, watch as wt, reactive as tu, inject as Fa, markRaw as Mp, mergeProps as c, defineComponent as Ee, openBlock as d, createElementBlock as p, normalizeClass as x, renderSlot as b, createBlock as y, resolveDynamicComponent as C, toDisplayString as D, createCommentVNode as v, computed as Oe, createElementVNode as k, Fragment as T, renderList as j, withCtx as w, createVNode as B, Transition as ye, toRef as Dp, unref as re, createStaticVNode as nu, useModel as Or, onUnmounted as Ka, mergeModels as Sn, normalizeStyle as $t, withDirectives as Z, vShow as et, TransitionGroup as ou, KeepAlive as Ep, createTextVNode as fe, useId as Ap, createSlots as Se, resolveComponent as S, resolveDirective as de, useAttrs as Tr, h as he, normalizeProps as Pe, guardReactiveProps as Qe, Teleport as Rp, toHandlers as Dr, withKeys as we, withModifiers as Tn, vModelText as zp } from "vue";
 var Fp = Object.defineProperty, ml = Object.getOwnPropertySymbols, Kp = Object.prototype.hasOwnProperty, Vp = Object.prototype.propertyIsEnumerable, bl = (t, e, n) => e in t ? Fp(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n, jp = (t, e) => {
   for (var n in e || (e = {})) Kp.call(e, n) && bl(t, n, e[n]);
   if (ml) for (var n of ml(e)) Vp.call(e, n) && bl(t, n, e[n]);
@@ -114,7 +114,7 @@ function Ae(t, e) {
   }
   return n;
 }
-function Oe(t, ...e) {
+function Te(t, ...e) {
   return Lr(t) ? t(...e) : t;
 }
 function tt(t, e = !0) {
@@ -128,11 +128,11 @@ function Va(t, e = "", n = {}) {
   if (i) {
     if (Bt(t)) {
       let o = Object.keys(t).find((a) => Ot(a) === i) || "";
-      return Va(Oe(t[o], n), r.join("."), n);
+      return Va(Te(t[o], n), r.join("."), n);
     }
     return;
   }
-  return Oe(t, n);
+  return Te(t, n);
 }
 function ja(t, e = !0) {
   return Array.isArray(t) && (e || t.length !== 0);
@@ -655,7 +655,7 @@ var W = lf(), sf = Object.defineProperty, df = Object.defineProperties, uf = Obj
   for (var n in e || (e = {})) uu.call(e, n) && Sl(t, n, e[n]);
   if (ai) for (var n of ai(e)) cu.call(e, n) && Sl(t, n, e[n]);
   return t;
-}, yi = (t, e) => df(t, uf(e)), $t = (t, e) => {
+}, yi = (t, e) => df(t, uf(e)), Mt = (t, e) => {
   var n = {};
   for (var r in t) uu.call(t, r) && e.indexOf(r) < 0 && (n[r] = t[r]);
   if (t != null && ai) for (var r of ai(t)) e.indexOf(r) < 0 && cu.call(t, r) && (n[r] = t[r]);
@@ -753,11 +753,11 @@ function Ar(t, ...e) {
   if (t instanceof Array) {
     let n = t.reduce((r, i, o) => {
       var a;
-      return r + i + ((a = Oe(e[o], { dt: rn })) != null ? a : "");
+      return r + i + ((a = Te(e[o], { dt: rn })) != null ? a : "");
     }, "");
     return bu(n, rn);
   }
-  return Oe(t, { dt: rn });
+  return Te(t, { dt: rn });
 }
 function gf(t, e = {}) {
   let n = Ce.defaults.variable, { prefix: r = n.prefix, selector: i = n.selector, excludedKeyRegex: o = n.excludedKeyRegex } = e, a = [], s = [], l = [{ node: t, path: r }];
@@ -799,20 +799,20 @@ var vt = { regex: { rules: { class: { pattern: /^\.([a-zA-Z][\w-]*)$/, resolve(t
   var o, a, s, l, u, f, h;
   let { preset: m, options: g } = e, I, P, O, $, M, z, L;
   if (R(m) && g.transform !== "strict") {
-    let { primitive: F, semantic: q, extend: K } = m, N = q || {}, { colorScheme: ie } = N, ve = $t(N, ["colorScheme"]), ae = K || {}, { colorScheme: me } = ae, G = $t(ae, ["colorScheme"]), J = ie || {}, { dark: _ } = J, pe = $t(J, ["dark"]), te = me || {}, { dark: ue } = te, Te = $t(te, ["dark"]), Ge = R(F) ? this._toVariables({ primitive: F }, g) : {}, $e = R(ve) ? this._toVariables({ semantic: ve }, g) : {}, Xe = R(pe) ? this._toVariables({ light: pe }, g) : {}, Mr = R(_) ? this._toVariables({ dark: _ }, g) : {}, bn = R(G) ? this._toVariables({ semantic: G }, g) : {}, pl = R(Te) ? this._toVariables({ light: Te }, g) : {}, fl = R(ue) ? this._toVariables({ dark: ue }, g) : {}, [fp, hp] = [(o = Ge.declarations) != null ? o : "", Ge.tokens], [mp, bp] = [(a = $e.declarations) != null ? a : "", $e.tokens || []], [gp, vp] = [(s = Xe.declarations) != null ? s : "", Xe.tokens || []], [yp, kp] = [(l = Mr.declarations) != null ? l : "", Mr.tokens || []], [wp, Ip] = [(u = bn.declarations) != null ? u : "", bn.tokens || []], [Cp, Sp] = [(f = pl.declarations) != null ? f : "", pl.tokens || []], [xp, Pp] = [(h = fl.declarations) != null ? h : "", fl.tokens || []];
+    let { primitive: F, semantic: q, extend: K } = m, N = q || {}, { colorScheme: ie } = N, ve = Mt(N, ["colorScheme"]), ae = K || {}, { colorScheme: me } = ae, G = Mt(ae, ["colorScheme"]), J = ie || {}, { dark: _ } = J, pe = Mt(J, ["dark"]), te = me || {}, { dark: ue } = te, Le = Mt(te, ["dark"]), Ge = R(F) ? this._toVariables({ primitive: F }, g) : {}, $e = R(ve) ? this._toVariables({ semantic: ve }, g) : {}, Xe = R(pe) ? this._toVariables({ light: pe }, g) : {}, Mr = R(_) ? this._toVariables({ dark: _ }, g) : {}, bn = R(G) ? this._toVariables({ semantic: G }, g) : {}, pl = R(Le) ? this._toVariables({ light: Le }, g) : {}, fl = R(ue) ? this._toVariables({ dark: ue }, g) : {}, [fp, hp] = [(o = Ge.declarations) != null ? o : "", Ge.tokens], [mp, bp] = [(a = $e.declarations) != null ? a : "", $e.tokens || []], [gp, vp] = [(s = Xe.declarations) != null ? s : "", Xe.tokens || []], [yp, kp] = [(l = Mr.declarations) != null ? l : "", Mr.tokens || []], [wp, Ip] = [(u = bn.declarations) != null ? u : "", bn.tokens || []], [Cp, Sp] = [(f = pl.declarations) != null ? f : "", pl.tokens || []], [xp, Pp] = [(h = fl.declarations) != null ? h : "", fl.tokens || []];
     I = this.transformCSS(t, fp, "light", "variable", g, r, i), P = hp;
     let Op = this.transformCSS(t, `${mp}${gp}`, "light", "variable", g, r, i), Tp = this.transformCSS(t, `${yp}`, "dark", "variable", g, r, i);
     O = `${Op}${Tp}`, $ = [.../* @__PURE__ */ new Set([...bp, ...vp, ...kp])];
     let Lp = this.transformCSS(t, `${wp}${Cp}color-scheme:light`, "light", "variable", g, r, i), Bp = this.transformCSS(t, `${xp}color-scheme:dark`, "dark", "variable", g, r, i);
-    M = `${Lp}${Bp}`, z = [.../* @__PURE__ */ new Set([...Ip, ...Sp, ...Pp])], L = Oe(m.css, { dt: rn });
+    M = `${Lp}${Bp}`, z = [.../* @__PURE__ */ new Set([...Ip, ...Sp, ...Pp])], L = Te(m.css, { dt: rn });
   }
   return { primitive: { css: I, tokens: P }, semantic: { css: O, tokens: $ }, global: { css: M, tokens: z }, style: L };
 }, getPreset({ name: t = "", preset: e = {}, options: n, params: r, set: i, defaults: o, selector: a }) {
   var s, l, u;
   let f, h, m;
   if (R(e) && n.transform !== "strict") {
-    let g = t.replace("-directive", ""), I = e, { colorScheme: P, extend: O, css: $ } = I, M = $t(I, ["colorScheme", "extend", "css"]), z = O || {}, { colorScheme: L } = z, F = $t(z, ["colorScheme"]), q = P || {}, { dark: K } = q, N = $t(q, ["dark"]), ie = L || {}, { dark: ve } = ie, ae = $t(ie, ["dark"]), me = R(M) ? this._toVariables({ [g]: yt(yt({}, M), F) }, n) : {}, G = R(N) ? this._toVariables({ [g]: yt(yt({}, N), ae) }, n) : {}, J = R(K) ? this._toVariables({ [g]: yt(yt({}, K), ve) }, n) : {}, [_, pe] = [(s = me.declarations) != null ? s : "", me.tokens || []], [te, ue] = [(l = G.declarations) != null ? l : "", G.tokens || []], [Te, Ge] = [(u = J.declarations) != null ? u : "", J.tokens || []], $e = this.transformCSS(g, `${_}${te}`, "light", "variable", n, i, o, a), Xe = this.transformCSS(g, Te, "dark", "variable", n, i, o, a);
-    f = `${$e}${Xe}`, h = [.../* @__PURE__ */ new Set([...pe, ...ue, ...Ge])], m = Oe($, { dt: rn });
+    let g = t.replace("-directive", ""), I = e, { colorScheme: P, extend: O, css: $ } = I, M = Mt(I, ["colorScheme", "extend", "css"]), z = O || {}, { colorScheme: L } = z, F = Mt(z, ["colorScheme"]), q = P || {}, { dark: K } = q, N = Mt(q, ["dark"]), ie = L || {}, { dark: ve } = ie, ae = Mt(ie, ["dark"]), me = R(M) ? this._toVariables({ [g]: yt(yt({}, M), F) }, n) : {}, G = R(N) ? this._toVariables({ [g]: yt(yt({}, N), ae) }, n) : {}, J = R(K) ? this._toVariables({ [g]: yt(yt({}, K), ve) }, n) : {}, [_, pe] = [(s = me.declarations) != null ? s : "", me.tokens || []], [te, ue] = [(l = G.declarations) != null ? l : "", G.tokens || []], [Le, Ge] = [(u = J.declarations) != null ? u : "", J.tokens || []], $e = this.transformCSS(g, `${_}${te}`, "light", "variable", n, i, o, a), Xe = this.transformCSS(g, Le, "dark", "variable", n, i, o, a);
+    f = `${$e}${Xe}`, h = [.../* @__PURE__ */ new Set([...pe, ...ue, ...Ge])], m = Te($, { dt: rn });
   }
   return { css: f, tokens: h, style: m };
 }, getPresetC({ name: t = "", theme: e = {}, params: n, set: r, defaults: i }) {
@@ -830,7 +830,7 @@ var vt = { regex: { rules: { class: { pattern: /^\.([a-zA-Z][\w-]*)$/, resolve(t
   return this.applyDarkColorScheme(t) ? this.regex.resolve(t.darkModeSelector === !0 ? e.options.darkModeSelector : (n = t.darkModeSelector) != null ? n : e.options.darkModeSelector) : [];
 }, getLayerOrder(t, e = {}, n, r) {
   let { cssLayer: i } = e;
-  return i ? `@layer ${Oe(i.order || i.name || "primeui", n)}` : "";
+  return i ? `@layer ${Te(i.order || i.name || "primeui", n)}` : "";
 }, getCommonStyleSheet({ name: t = "", theme: e = {}, params: n, props: r = {}, set: i, defaults: o }) {
   let a = this.getCommon({ name: t, theme: e, params: n, set: i, defaults: o }), s = Object.entries(r).reduce((l, [u, f]) => l.push(`${u}="${f}"`) && l, []).join(" ");
   return Object.entries(a || {}).reduce((l, [u, f]) => {
@@ -878,7 +878,7 @@ var vt = { regex: { rules: { class: { pattern: /^\.([a-zA-Z][\w-]*)$/, resolve(t
   var r;
   let i = ((s) => s.split(".").filter((l) => !on(l.toLowerCase(), n.variable.excludedKeyRegex)).join("."))(e), o = e.includes("colorScheme.light") ? "light" : e.includes("colorScheme.dark") ? "dark" : void 0, a = [(r = t[i]) == null ? void 0 : r.computed(o)].flat().filter((s) => s);
   return a.length === 1 ? a[0].value : a.reduce((s = {}, l) => {
-    let u = l, { colorScheme: f } = u, h = $t(u, ["colorScheme"]);
+    let u = l, { colorScheme: f } = u, h = Mt(u, ["colorScheme"]);
     return s[f] = h, s;
   }, void 0);
 }, getSelectorRule(t, e, n, r) {
@@ -892,7 +892,7 @@ var vt = { regex: { rules: { class: { pattern: /^\.([a-zA-Z][\w-]*)$/, resolve(t
     }
     if (l) {
       let u = { name: "primeui" };
-      Bt(l) && (u.name = Oe(l.name, { name: t, type: r })), R(u.name) && (e = kn(`@layer ${u.name}`, e), o?.layerNames(u.name));
+      Bt(l) && (u.name = Te(l.name, { name: t, type: r })), R(u.name) && (e = kn(`@layer ${u.name}`, e), o?.layerNames(u.name));
     }
     return e;
   }
@@ -4603,11 +4603,11 @@ function Jk(t) {
 }
 var Qk = 0;
 function _k(t) {
-  var e = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, n = Le(!1), r = Le(t), i = Le(null), o = Wa() ? window.document : void 0, a = e.document, s = a === void 0 ? o : a, l = e.immediate, u = l === void 0 ? !0 : l, f = e.manual, h = f === void 0 ? !1 : f, m = e.name, g = m === void 0 ? "style_".concat(++Qk) : m, I = e.id, P = I === void 0 ? void 0 : I, O = e.media, $ = O === void 0 ? void 0 : O, M = e.nonce, z = M === void 0 ? void 0 : M, L = e.first, F = L === void 0 ? !1 : L, q = e.onMounted, K = q === void 0 ? void 0 : q, N = e.onUpdated, ie = N === void 0 ? void 0 : N, ve = e.onLoad, ae = ve === void 0 ? void 0 : ve, me = e.props, G = me === void 0 ? {} : me, J = function() {
+  var e = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, n = Be(!1), r = Be(t), i = Be(null), o = Wa() ? window.document : void 0, a = e.document, s = a === void 0 ? o : a, l = e.immediate, u = l === void 0 ? !0 : l, f = e.manual, h = f === void 0 ? !1 : f, m = e.name, g = m === void 0 ? "style_".concat(++Qk) : m, I = e.id, P = I === void 0 ? void 0 : I, O = e.media, $ = O === void 0 ? void 0 : O, M = e.nonce, z = M === void 0 ? void 0 : M, L = e.first, F = L === void 0 ? !1 : L, q = e.onMounted, K = q === void 0 ? void 0 : q, N = e.onUpdated, ie = N === void 0 ? void 0 : N, ve = e.onLoad, ae = ve === void 0 ? void 0 : ve, me = e.props, G = me === void 0 ? {} : me, J = function() {
   }, _ = function(ue) {
-    var Te = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
+    var Le = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
     if (s) {
-      var Ge = Ml(Ml({}, G), Te), $e = Ge.name || g, Xe = Ge.id || P, Mr = Ge.nonce || z;
+      var Ge = Ml(Ml({}, G), Le), $e = Ge.name || g, Xe = Ge.id || P, Mr = Ge.nonce || z;
       i.value = s.querySelector('style[data-primevue-style-id="'.concat($e, '"]')) || s.getElementById(Xe) || s.createElement("style"), i.value.isConnected || (r.value = ue || t, oi(i.value, {
         type: "text/css",
         id: Xe,
@@ -4791,7 +4791,7 @@ var lw = function(e) {
   getStyleSheet: function() {
     var e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "", n = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
     if (this.css) {
-      var r = Oe(this.css, {
+      var r = Te(this.css, {
         dt: rn
       }) || "", i = Nn(Ar(Al || (Al = Rr(["", "", ""])), r, e)), o = Object.entries(n).reduce(function(a, s) {
         var l = zl(s, 2), u = l[0], f = l[1];
@@ -4808,7 +4808,7 @@ var lw = function(e) {
   getThemeStyleSheet: function(e) {
     var n = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, r = [Ce.getStyleSheet(this.name, e, n)];
     if (this.style) {
-      var i = this.name === "base" ? "global-style" : "".concat(this.name, "-style"), o = Ar(Rl || (Rl = Rr(["", ""])), Oe(this.style, {
+      var i = this.name === "base" ? "global-style" : "".concat(this.name, "-style"), o = Ar(Rl || (Rl = Rr(["", ""])), Te(this.style, {
         dt: rn
       })), a = Nn(Ce.transformCSS(i, o)), s = Object.entries(n).reduce(function(l, u) {
         var f = zl(u, 2), h = f[0], m = f[1];
@@ -5031,7 +5031,7 @@ function bw() {
   }), wn = [];
 }
 function gw(t, e) {
-  var n = Le(!1), r = function() {
+  var n = Be(!1), r = function() {
     var u;
     if (((u = e.config) === null || u === void 0 ? void 0 : u.theme) !== "none" && !Ce.isStyleNameLoaded("common")) {
       var f, h, m = ((f = E.getCommonTheme) === null || f === void 0 ? void 0 : f.call(E)) || {}, g = m.primitive, I = m.semantic, P = m.global, O = m.style, $ = {
@@ -5251,7 +5251,7 @@ function Ow(t, e) {
 }
 var ne = {
   _getMeta: function() {
-    return [Bt(arguments.length <= 0 ? void 0 : arguments[0]) || arguments.length <= 0 ? void 0 : arguments[0], Oe(Bt(arguments.length <= 0 ? void 0 : arguments[0]) ? arguments.length <= 0 ? void 0 : arguments[0] : arguments.length <= 1 ? void 0 : arguments[1])];
+    return [Bt(arguments.length <= 0 ? void 0 : arguments[0]) || arguments.length <= 0 ? void 0 : arguments[0], Te(Bt(arguments.length <= 0 ? void 0 : arguments[0]) ? arguments.length <= 0 ? void 0 : arguments[0] : arguments.length <= 1 ? void 0 : arguments[1])];
   },
   _getConfig: function(e, n) {
     var r, i, o;
@@ -6239,7 +6239,7 @@ const iI = { key: 1 }, Xa = /* @__PURE__ */ Ee({
   },
   emits: ["select"],
   setup(t, { emit: e }) {
-    const n = t, r = e, i = Be(() => {
+    const n = t, r = e, i = Oe(() => {
       const o = n.items.length, a = ["w-full", "w-1/2", "w-1/3", "w-1/4", "w-1/5", "w-1/6"];
       return o >= 1 && o <= a.length ? a[o - 1] : "flex-1";
     });
@@ -6280,7 +6280,7 @@ const iI = { key: 1 }, Xa = /* @__PURE__ */ Ee({
 });
 function Zl(t, e = 0, n = 1e3) {
   if (n <= 0.1) return { value: t };
-  const r = Le(e);
+  const r = Be(e);
   function i(o, a) {
     const s = Date.now(), l = n, u = a - o, f = () => {
       const h = Date.now() - s, m = uI(h, o, u, l);
@@ -6315,7 +6315,7 @@ const cI = ["stroke-dashoffset"], pI = ["stroke-dashoffset"], fI = ["y", "font-s
     colored: { type: Boolean, default: !1 }
   },
   setup(t) {
-    const e = t, { value: n } = Zl(Dp(e, "used"), e.used, e.animationDuration), r = Be(() => e.total === -1 ? -1 : e.used > e.total || e.used === e.total ? 100 : e.total > 0 ? e.used / e.total * 100 : 0), { value: i } = Zl(r, r.value, e.animationDuration), o = Math.PI * 18 * 2;
+    const e = t, { value: n } = Zl(Dp(e, "used"), e.used, e.animationDuration), r = Oe(() => e.total === -1 ? -1 : e.used > e.total || e.used === e.total ? 100 : e.total > 0 ? e.used / e.total * 100 : 0), { value: i } = Zl(r, r.value, e.animationDuration), o = Math.PI * 18 * 2;
     return (a, s) => (d(), p("svg", {
       width: "2em",
       height: "2em",
@@ -6427,9 +6427,9 @@ const Su = /* @__PURE__ */ Cu(mI, [["render", gI]]), vI = { class: "bcc-knob-top
       leftTail: "#DBBEAC",
       rightHead: "#3E8E75",
       rightTail: "#B1DECC"
-    }, o = Or(t, "modelValue"), a = Le(null), s = Le(null);
+    }, o = Or(t, "modelValue"), a = Be(null), s = Be(null);
     let l = null, u = 0;
-    const f = Le(!1), h = Le(0), m = Le(0), g = Le(0), I = Be(() => n.size / 2), P = Be(() => I.value - n.arcWidth), O = Be(() => n.min / 60 * 360), $ = Be(() => n.max / 60 * 360), M = Be(
+    const f = Be(!1), h = Be(0), m = Be(0), g = Be(0), I = Oe(() => n.size / 2), P = Oe(() => I.value - n.arcWidth), O = Oe(() => n.min / 60 * 360), $ = Oe(() => n.max / 60 * 360), M = Oe(
       () => Math.max(-359.99, Math.min(359.99, Math.max(O.value, Math.min(h.value, $.value))))
     );
     wt(
@@ -6449,12 +6449,12 @@ const Su = /* @__PURE__ */ Cu(mI, [["render", gI]]), vI = { class: "bcc-knob-top
       const J = n.animateRotations;
       if (J > 1) {
         let ue = h.value;
-        const Te = Math.round(Math.abs(ue - G) / 360);
-        Te > J && (G < ue ? ue -= 360 * (Te - J) : ue += 360 * (Te - J), h.value = ue);
+        const Le = Math.round(Math.abs(ue - G) / 360);
+        Le > J && (G < ue ? ue -= 360 * (Le - J) : ue += 360 * (Le - J), h.value = ue);
       }
       const _ = performance.now(), pe = z(h.value, G);
       function te(ue) {
-        const Te = ue - _, Ge = Math.min(Te / n.duration, 1);
+        const Le = ue - _, Ge = Math.min(Le / n.duration, 1);
         h.value = pe(Ge), K(), Ge < 1 && requestAnimationFrame(te);
       }
       requestAnimationFrame(te);
@@ -6539,8 +6539,8 @@ const Su = /* @__PURE__ */ Cu(mI, [["render", gI]]), vI = { class: "bcc-knob-top
       ), l.closePath(), l.save(), l.clip();
       const ue = l.createConicGradient((G - 90) * Math.PI / 180, I.value, I.value);
       n.colored ? (ue.addColorStop(0, i.leftHead), ue.addColorStop(100 / 360, i.leftTail), ue.addColorStop(260 / 360, i.rightTail), ue.addColorStop(1, i.rightHead)) : (ue.addColorStop(0, i.head), ue.addColorStop(100 / 360, i.tail), ue.addColorStop(260 / 360, i.tail), ue.addColorStop(1, i.head)), l.fillStyle = ue, l.fillRect(0, 0, n.size, n.size), l.restore(), l.restore();
-      const Te = q(G, P.value), Ge = n.arcWidth * (n.showHandle ? 0.8 : 0.5);
-      l.beginPath(), l.arc(Te.x, Te.y, Ge, 0, 2 * Math.PI), (n.showHandle || o.value) && (l.fillStyle = o.value ? n.colored ? te ? i.leftHead : i.rightHead : i.head : "#000", l.fill()), n.showHandle && (l.lineWidth = 4, l.strokeStyle = "#fff", l.stroke());
+      const Le = q(G, P.value), Ge = n.arcWidth * (n.showHandle ? 0.8 : 0.5);
+      l.beginPath(), l.arc(Le.x, Le.y, Ge, 0, 2 * Math.PI), (n.showHandle || o.value) && (l.fillStyle = o.value ? n.colored ? te ? i.leftHead : i.rightHead : i.head : "#000", l.fill()), n.showHandle && (l.lineWidth = 4, l.strokeStyle = "#fff", l.stroke());
     }
     function N(G) {
       if (!a.value) return 0;
@@ -6704,10 +6704,10 @@ const IN = /* @__PURE__ */ Ee({
     grayscale: { type: Boolean }
   },
   setup(t) {
-    const e = t, n = Le(!1), r = Le(!1), i = Be(() => TI(e.ratio));
+    const e = t, n = Be(!1), r = Be(!1), i = Oe(() => TI(e.ratio));
     return (o, a) => (d(), p("div", {
       class: x(["bcc-graphic", Ii[t.rounding]]),
-      style: Mt(`padding-bottom: ${i.value}`)
+      style: $t(`padding-bottom: ${i.value}`)
     }, [
       t.bannerSrc ? (d(), p(T, { key: 0 }, [
         Z(k("img", {
@@ -6775,11 +6775,11 @@ const IN = /* @__PURE__ */ Ee({
       const s = (o + 100) / 200 * DI + Fr;
       return s > Xl ? Xl : s < Fr ? Fr : s;
     }
-    const r = Le(!1);
+    const r = Be(!1);
     setTimeout(() => {
       r.value = !0;
     }, 150);
-    const i = Be(() => {
+    const i = Oe(() => {
       const o = Fr;
       return r.value && e.score !== void 0 ? n(e.score) : o;
     });
@@ -6792,7 +6792,7 @@ const IN = /* @__PURE__ */ Ee({
           d: "M146.5 32L92.4146 83.7224C91.5428 83.4105 90.5855 83.2889 89.604 83.4079C86.2246 83.8174 83.816 86.8938 84.226 90.2769C84.636 93.66 87.7097 96.072 91.089 95.6625C94.4684 95.253 96.877 92.1766 96.4671 88.7934C96.4262 88.4565 96.3578 88.1295 96.2663 87.8141L147.5 33C148.638 31.7164 147.776 30.8506 146.5 32Z",
           fill: "currentColor",
           class: "bcc-nps-result-gauge-dial",
-          style: Mt(`transform: rotate(${i.value}deg)`)
+          style: $t(`transform: rotate(${i.value}deg)`)
         }, null, 4)
       ])),
       !t.hideText && t.size !== "xs" ? (d(), p("div", BI, [
@@ -6828,7 +6828,7 @@ const IN = /* @__PURE__ */ Ee({
         e.value < a ? ++e.value : --e.value;
       }, 20));
     }
-    const o = Be(() => {
+    const o = Oe(() => {
       let a = [];
       for (let s = n.min; s <= n.max; s++)
         a.push(s);
@@ -7301,7 +7301,7 @@ const PC = {
     selected: { type: Boolean }
   },
   setup(t) {
-    const e = t, n = Le(!1);
+    const e = t, n = Be(!1);
     return wt(
       () => e.count,
       () => {
@@ -7337,10 +7337,10 @@ const PC = {
   },
   emits: ["toggle"],
   setup(t, { emit: e }) {
-    const n = t, r = e, i = Le(!1), o = Le(!1), a = Le(null), s = Le(null), l = Le(null), u = Le(!1), f = Be(() => {
+    const n = t, r = e, i = Be(!1), o = Be(!1), a = Be(null), s = Be(null), l = Be(null), u = Be(!1), f = Oe(() => {
       const $ = n.emojis.filter((M) => M.count && M.count > 0);
       return $.sort((M, z) => z.count - M.count), $;
-    }), h = Be(() => n.emojis.filter(($) => !$.selected)), m = Be(() => h.value.length > Ci), g = Le([]), I = Le([]);
+    }), h = Oe(() => n.emojis.filter(($) => !$.selected)), m = Oe(() => h.value.length > Ci), g = Be([]), I = Be([]);
     function P($) {
       a.value = $.id, r("toggle", $.id), setTimeout(() => {
         i.value = !1, a.value = null;
@@ -7471,7 +7471,7 @@ const PC = {
   }),
   emits: ["update:modelValue"],
   setup(t) {
-    const e = t, n = Or(t, "modelValue"), r = Be(() => ({
+    const e = t, n = Or(t, "modelValue"), r = Oe(() => ({
       current: n.value + 1,
       total: Array.isArray(e.steps) ? e.steps.length : e.steps,
       label: Array.isArray(e.steps) ? e.steps[n.value] ?? "" : ""
@@ -7513,7 +7513,7 @@ const PC = {
     text: {}
   },
   setup(t) {
-    const e = t, n = Be(() => {
+    const e = t, n = Oe(() => {
       const { text: r, icon: i, iconRight: o, rounded: a, ...s } = e;
       return s;
     });
@@ -7576,7 +7576,7 @@ const PC = {
   },
   emits: ["back"],
   setup(t, { emit: e }) {
-    const n = t, r = e, i = Be(() => {
+    const n = t, r = e, i = Oe(() => {
       const o = n.title, a = n.subtitle;
       return {
         title: (typeof o == "function" ? o() : o) ?? "",
@@ -7981,7 +7981,7 @@ var A = {
     globalPT: function() {
       var e, n = this;
       return this._getPT((e = this.$primevueConfig) === null || e === void 0 ? void 0 : e.pt, void 0, function(r) {
-        return Oe(r, {
+        return Te(r, {
           instance: n
         });
       });
@@ -7989,7 +7989,7 @@ var A = {
     defaultPT: function() {
       var e, n = this;
       return this._getPT((e = this.$primevueConfig) === null || e === void 0 ? void 0 : e.pt, void 0, function(r) {
-        return n._getOptionValue(r, n.$name, be({}, n.$params)) || Oe(r, be({}, n.$params));
+        return n._getOptionValue(r, n.$name, be({}, n.$params)) || Te(r, be({}, n.$params));
       });
     },
     isUnstyled: function() {
@@ -8302,7 +8302,7 @@ const LN = /* @__PURE__ */ Ee({
     size: {}
   },
   setup(t) {
-    const e = t, n = Be(() => {
+    const e = t, n = Oe(() => {
       const { icon: r, ...i } = e;
       return i;
     });
@@ -9728,7 +9728,7 @@ const _S = /* @__PURE__ */ Ee({
     useCtx: { type: Boolean }
   },
   setup(t) {
-    const e = t, n = Tr(), r = Be(() => {
+    const e = t, n = Tr(), r = Oe(() => {
       const { icon: i, iconRight: o, useCtx: a, ...s } = e, l = s;
       return o && (l.iconPos = "right"), a && (l.severity = "primary"), { ...l, ...n };
     });
@@ -10375,7 +10375,7 @@ const vx = { class: "flex items-center gap-2" }, yx = ["for"], $N = /* @__PURE__
     labelLeft: { type: Boolean }
   },
   setup(t) {
-    const e = t, n = Tr(), r = Be(() => {
+    const e = t, n = Tr(), r = Oe(() => {
       const { label: i, ...o } = e;
       return typeof o.value > "u" && (o.binary = !0), { ...o, ...n };
     });
@@ -11002,7 +11002,7 @@ var Nx = `
   provide: function() {
     var e = this;
     return {
-      dialogRef: Be(function() {
+      dialogRef: Oe(function() {
         return e._instance;
       })
     };
@@ -11632,7 +11632,7 @@ Au.render = i2;
 const MN = /* @__PURE__ */ Ee({
   __name: "BccConfirmDialog",
   setup(t) {
-    const e = Le(null);
+    const e = Be(null);
     function n(o) {
       return typeof o == "function" || typeof o == "object" && o !== null;
     }
@@ -12255,7 +12255,7 @@ function P2(t, e, n, r, i, o) {
             key: 0
           }, t.ptm("originalContainer"))), [b(t.$slots, t.$slots.original ? "original" : "preview", {
             class: x(t.cx("original")),
-            style: Mt(o.imagePreviewStyle),
+            style: $t(o.imagePreviewStyle),
             previewCallback: o.onPreviewImageClick
           }, function() {
             return [k("img", c({
@@ -13676,7 +13676,7 @@ function uP(t, e, n, r, i, o) {
     name: t.$formName,
     role: "spinbutton",
     class: x([t.cx("pcInputText"), t.inputClass]),
-    style: Mt(t.inputStyle),
+    style: $t(t.inputStyle),
     defaultValue: o.formattedValue,
     "aria-valuemin": t.min,
     "aria-valuemax": t.max,
@@ -13809,7 +13809,7 @@ const EN = /* @__PURE__ */ Ee({
     numeric: { type: Boolean }
   },
   setup(t) {
-    const e = t, n = Tr(), r = Be(() => {
+    const e = t, n = Tr(), r = Oe(() => {
       const { icon: i, iconRight: o, ...a } = e;
       return { ...a, ...n };
     });
@@ -14006,7 +14006,7 @@ var Re = un(), cP = `
   },
   methods: {
     getItemProp: function(e, n) {
-      return e && e.item ? Oe(e.item[n]) : void 0;
+      return e && e.item ? Te(e.item[n]) : void 0;
     },
     getPTOptions: function(e) {
       return this.ptm(e, {
@@ -14475,7 +14475,7 @@ const AN = /* @__PURE__ */ Ee({
     unstyled: { type: Boolean }
   },
   setup(t, { expose: e }) {
-    const n = t, r = Tr(), i = Be(() => ({ ...n, ...r })), o = Le(null);
+    const n = t, r = Tr(), i = Oe(() => ({ ...n, ...r })), o = Be(null);
     e({
       toggle: (l, u) => o.value?.toggle(l, u),
       show: (l, u) => o.value?.show(l, u),
@@ -15071,7 +15071,7 @@ const RN = /* @__PURE__ */ Ee({
     iconRight: { type: [String, Function, Object, Boolean] }
   },
   setup(t) {
-    const e = t, n = Be(() => {
+    const e = t, n = Oe(() => {
       const { icon: i, iconRight: o, ...a } = e;
       return a;
     }), r = {
@@ -15881,57 +15881,67 @@ const zN = /* @__PURE__ */ Ee({
     tabs: {},
     fill: { type: Boolean },
     modelValue: {},
-    noPanels: { type: Boolean }
+    noPanels: { type: Boolean },
+    fluid: { type: Boolean },
+    bold: { type: Boolean }
   }, {
     modelValue: { default: 0, required: !1 },
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
   setup(t) {
-    const e = t, n = Or(t, "modelValue"), r = Be(() => {
-      const { tabs: i, modelValue: o, noPanels: a, ...s } = e;
-      return s;
+    const e = t, n = Or(t, "modelValue"), r = Oe(() => {
+      const { tabs: o, modelValue: a, noPanels: s, fluid: l, ...u } = e;
+      return u;
+    }), i = Oe(() => {
+      const o = {};
+      if (e.fluid) {
+        const a = 100 / e.tabs.length;
+        o.width = `${a}%`;
+      }
+      return e.bold && (o.fontWeight = "var(--font-weight-bold)"), o;
     });
-    return (i, o) => (d(), y(re(Wu), c({
+    return (o, a) => (d(), y(re(Wu), c({
       value: n.value,
-      "onUpdate:value": o[0] || (o[0] = (a) => n.value = a)
+      "onUpdate:value": a[0] || (a[0] = (s) => n.value = s)
     }, r.value, {
-      class: { "bcc-tabs-fill": t.fill },
+      class: { "bcc-tabs-fill": t.fill, "bcc-tabs-fluid": t.fluid },
       style: { "--p-tabs-tablist-border-width": "0", "--p-tabs-tab-border-width": "0 0 1px 0" }
     }), {
       default: w(() => [
         B(re(qu), null, {
           default: w(() => [
-            (d(!0), p(T, null, j(t.tabs, (a, s) => (d(), y(re(Hu), {
-              key: "tab-" + s,
-              value: s,
-              class: "center gap-2"
+            (d(!0), p(T, null, j(t.tabs, (s, l) => (d(), y(re(Hu), {
+              key: "tab-" + l,
+              value: l,
+              class: "center gap-2",
+              style: $t(i.value)
             }, {
               default: w(() => [
-                a.icon ? (d(), y(C(a.icon), {
+                s.icon ? (d(), y(C(s.icon), {
                   key: 0,
                   class: "size-4"
                 })) : v("", !0),
-                k("span", null, D(a.title), 1),
-                a.badge ? (d(), y(re(Xa), c({
+                k("span", null, D(s.title), 1),
+                s.badge ? (d(), y(re(Xa), c({
                   key: 1,
                   ref_for: !0
-                }, a.badge, { size: "sm" }), null, 16)) : v("", !0)
+                }, s.badge, { size: "sm" }), null, 16)) : v("", !0)
               ]),
               _: 2
-            }, 1032, ["value"]))), 128))
+            }, 1032, ["value", "style"]))), 128))
           ]),
           _: 1
         }),
         t.noPanels ? v("", !0) : (d(), y(re(Gu), { key: 0 }, {
           default: w(() => [
-            (d(!0), p(T, null, j(t.tabs, (a, s) => (d(), y(re(Uu), {
-              key: "tab-panel-" + s,
-              value: s
+            (d(!0), p(T, null, j(t.tabs, (s, l) => (d(), y(re(Uu), {
+              key: "tab-panel-" + l,
+              value: l
             }, {
               default: w(() => [
-                a.as ? (d(), y(C(a.as), { key: 0 })) : v("", !0),
-                b(i.$slots, `tab-${s + 1}`)
+                s.as ? (d(), y(C(s.as), { key: 0 })) : v("", !0),
+                b(o.$slots, `tab-${l + 1}`)
               ]),
               _: 2
             }, 1032, ["value"]))), 128))
@@ -17370,8 +17380,8 @@ var Mn = {
         return ae <= _ ? _ : pe ? G - J - _ : me + _ - 1;
       }, f = function(ae, me, G, J, _, pe, te, ue) {
         if (ae <= pe) return 0;
-        var Te = Math.max(0, te ? ae < me ? G : ae - pe : ae > me ? G : ae - 2 * pe), Ge = n.getLast(Te, ue);
-        return Te > Ge ? Ge - _ : Te;
+        var Le = Math.max(0, te ? ae < me ? G : ae - pe : ae > me ? G : ae - 2 * pe), Ge = n.getLast(Le, ue);
+        return Le > Ge ? Ge - _ : Le;
       }, h = function(ae, me, G, J, _, pe) {
         var te = me + J + 2 * _;
         return ae >= _ && (te += _ + 1), n.getLast(te, pe);
@@ -18893,7 +18903,7 @@ function L5(t, e, n, r, i, o) {
     type: "text",
     name: t.$formName,
     class: x([t.cx("pcInputText"), t.inputClass]),
-    style: Mt(t.inputStyle),
+    style: $t(t.inputStyle),
     defaultValue: o.inputValue,
     placeholder: t.placeholder,
     tabindex: t.disabled ? -1 : t.tabindex,
@@ -22271,7 +22281,7 @@ function AT(t, e, n, r, i, o) {
     id: t.inputId,
     role: "combobox",
     class: x([t.inputClass, t.cx("pcInputText")]),
-    style: Mt(t.inputStyle),
+    style: $t(t.inputStyle),
     defaultValue: o.inputFieldValue,
     placeholder: t.placeholder,
     name: t.name,
@@ -27584,7 +27594,7 @@ var dB = `
       return this.getItemId(e);
     },
     getItemProp: function(e, n, r) {
-      return e && e.item ? Oe(e.item[n], r) : void 0;
+      return e && e.item ? Te(e.item[n], r) : void 0;
     },
     getItemLabel: function(e) {
       return this.getItemProp(e, "label");
@@ -27853,7 +27863,7 @@ var kB = {
   },
   methods: {
     getItemProp: function(e, n) {
-      return e ? Oe(e[n]) : void 0;
+      return e ? Te(e[n]) : void 0;
     },
     getItemLabel: function(e) {
       return this.getItemProp(e, "label");
@@ -32684,8 +32694,8 @@ function jn() {
       } };
       function G(J, _) {
         for (K = J, N = _, e = 0; !ae && ie && !pe && e < ve.length; e++) {
-          var pe, te = ve[e], ue = me.p, Te = te[2];
-          J > 3 ? (pe = Te === _) && (N = te[(K = te[4]) ? 5 : (K = 3, 3)], te[4] = te[5] = t) : te[0] <= ue && ((pe = J < 2 && ue < te[1]) ? (K = 0, me.v = _, me.n = te[1]) : ue < Te && (pe = J < 3 || te[0] > _ || _ > Te) && (te[4] = J, te[5] = _, me.n = Te, K = 0));
+          var pe, te = ve[e], ue = me.p, Le = te[2];
+          J > 3 ? (pe = Le === _) && (N = te[(K = te[4]) ? 5 : (K = 3, 3)], te[4] = te[5] = t) : te[0] <= ue && ((pe = J < 2 && ue < te[1]) ? (K = 0, me.v = _, me.n = te[1]) : ue < Le && (pe = J < 3 || te[0] > _ || _ > Le) && (te[4] = J, te[5] = _, me.n = Le, K = 0));
         }
         if (pe || J > 1) return a;
         throw ae = !0, _;
@@ -39515,7 +39525,7 @@ var $c = {
       return "".concat(this.idx, "_").concat(e);
     },
     getItemProp: function(e, n) {
-      return e && e.item ? Oe(e.item[n]) : void 0;
+      return e && e.item ? Te(e.item[n]) : void 0;
     },
     getPTOptions: function(e, n, r) {
       return this.ptm(e, {
@@ -47144,7 +47154,7 @@ var q3 = `
       return this.getItemId(e);
     },
     getItemProp: function(e, n, r) {
-      return e && e.item ? Oe(e.item[n], r) : void 0;
+      return e && e.item ? Te(e.item[n], r) : void 0;
     },
     getItemLabel: function(e) {
       return this.getItemProp(e, "label");
@@ -47336,7 +47346,7 @@ function eE(t, e, n, r, i, o) {
         return d(), y(a, {
           key: o.getSubListKey(h),
           id: o.getSubListId(h),
-          style: Mt(t.sx("submenu", !0, {
+          style: $t(t.sx("submenu", !0, {
             processedItem: l
           })),
           role: "menu",
@@ -47409,7 +47419,7 @@ var tE = {
   },
   methods: {
     getItemProp: function(e, n) {
-      return e ? Oe(e[n]) : void 0;
+      return e ? Te(e[n]) : void 0;
     },
     getItemLabel: function(e) {
       return this.getItemProp(e, "label");
@@ -47899,7 +47909,7 @@ function rE(t, e, n, r, i, o) {
     activeItem: i.activeItem,
     mobileActive: i.mobileActive,
     level: 0,
-    style: Mt(t.sx("rootList")),
+    style: $t(t.sx("rootList")),
     pt: t.pt,
     unstyled: t.unstyled,
     onFocus: o.onFocus,
@@ -48306,7 +48316,7 @@ var iE = `
       return this.getItemId(e);
     },
     getItemProp: function(e, n, r) {
-      return e && e.item ? Oe(e.item[n], r) : void 0;
+      return e && e.item ? Te(e.item[n], r) : void 0;
     },
     getItemLabel: function(e) {
       return this.getItemProp(e, "label");
@@ -48494,7 +48504,7 @@ function mE(t, e, n, r, i, o) {
       id: o.getItemId(l) + "_list",
       menuId: n.menuId,
       role: "menu",
-      style: Mt(t.sx("submenu", !0, {
+      style: $t(t.sx("submenu", !0, {
         processedItem: l
       })),
       focusedItemId: n.focusedItemId,
@@ -48564,7 +48574,7 @@ var bE = {
   },
   methods: {
     getItemProp: function(e, n) {
-      return e ? Oe(e[n]) : void 0;
+      return e ? Te(e[n]) : void 0;
     },
     getItemLabel: function(e) {
       return this.getItemProp(e, "label");
@@ -53001,7 +53011,7 @@ var iR = `
       return this.getItemId(e);
     },
     getItemProp: function(e, n, r) {
-      return e && e.item ? Oe(e.item[n], r) : void 0;
+      return e && e.item ? Te(e.item[n], r) : void 0;
     },
     getItemLabel: function(e) {
       return this.getItemProp(e, "label");
@@ -53296,7 +53306,7 @@ var Uc = {
   },
   methods: {
     getItemProp: function(e, n) {
-      return e && e.item ? Oe(e.item[n]) : void 0;
+      return e && e.item ? Te(e.item[n]) : void 0;
     },
     getItemLabel: function(e) {
       return this.getItemProp(e, "label");
@@ -53662,7 +53672,7 @@ var SR = {
   },
   methods: {
     getItemProp: function(e, n) {
-      return e ? Oe(e[n]) : void 0;
+      return e ? Te(e[n]) : void 0;
     },
     getItemLabel: function(e) {
       return this.getItemProp(e, "label");
@@ -58677,7 +58687,7 @@ var dF = `
       return this.getItemId(e);
     },
     getItemProp: function(e, n, r) {
-      return e && e.item ? Oe(e.item[n], r) : void 0;
+      return e && e.item ? Te(e.item[n], r) : void 0;
     },
     getItemLabel: function(e) {
       return this.getItemProp(e, "label");
@@ -58954,7 +58964,7 @@ var Qc = {
   },
   methods: {
     getItemProp: function(e, n) {
-      return e ? Oe(e[n]) : void 0;
+      return e ? Te(e[n]) : void 0;
     },
     getItemLabel: function(e) {
       return this.getItemProp(e, "label");
@@ -69804,7 +69814,7 @@ const pN = { class: "flex items-center gap-2" }, fN = ["for"], GN = /* @__PURE__
     offIcon: { type: [String, Function, Object] }
   },
   setup(t) {
-    const e = t, n = Tr(), r = Be(() => {
+    const e = t, n = Tr(), r = Oe(() => {
       const { onIcon: i, offIcon: o, ...a } = e;
       return { ...a, ...n };
     });