bitboss-ui 2.0.104 → 2.0.106

package/dist/index35.js

@@ -1,9 +1,10 @@
-import { defineComponent as C, ref as g, computed as f, openBlock as l, createElementBlock as i, mergeProps as h, createElementVNode as r, renderSlot as p, Fragment as B, renderList as I, normalizeClass as V, toDisplayString as M } from "vue";
-import { booleanishToBoolean as D } from "./index245.js";
-import { identity as F } from "./index223.js";
-import { isCssColor as v } from "./index243.js";
-import { isNotNil as T } from "./index134.js";
-const $ = { class: "bb-base-rating__inner-container" }, q = { class: "bb-base-rating__label-text sr-only" }, x = ["id", "aria-describedby", "autofocus", "checked", "disabled", "name", "required", "value"], H = ["height", "width"], J = /* @__PURE__ */ C({
+import { defineComponent as I, ref as v, computed as f, openBlock as l, createElementBlock as r, mergeProps as h, createElementVNode as i, renderSlot as p, Fragment as V, renderList as M, normalizeClass as D, toDisplayString as F, unref as y } from "vue";
+import { booleanishToBoolean as T } from "./index217.js";
+import { identity as $ } from "./index245.js";
+import { isCssColor as k } from "./index215.js";
+import { isNotNil as q } from "./index134.js";
+import { useLocale as x } from "./index224.js";
+const H = { class: "bb-base-rating__inner-container" }, S = { class: "bb-base-rating__label-text sr-only" }, N = ["id", "aria-describedby", "autofocus", "checked", "disabled", "name", "required", "value"], j = ["height", "width"], W = /* @__PURE__ */ I({
   __name: "BaseRating",
   props: {
     ariaDescribedby: {},
@@ -20,29 +21,29 @@ const $ = { class: "bb-base-rating__inner-container" }, q = { class: "bb-base-ra
     size: {}
   },
   emits: ["blur", "change", "click", "focus", "inactive", "input", "keydown", "mousedown", "mouseup", "update:modelValue"],
-  setup(y, { emit: k }) {
-    const a = y, s = k, u = g(), o = g(!1), _ = {
-      onBlur: (e) => s("blur", e),
+  setup(_, { emit: z }) {
+    const a = _, t = z, { t: g } = x(), u = v(), o = v(!1), w = {
+      onBlur: (e) => t("blur", e),
       onChange: (e) => {
-        s("change", e), e.target instanceof HTMLInputElement && e.target.checked && s("update:modelValue", +e.target.value);
+        t("change", e), e.target instanceof HTMLInputElement && e.target.checked && t("update:modelValue", +e.target.value);
       },
       onClick: (e) => {
-        s("click", e), e.target instanceof HTMLInputElement && e.target.checked && +e.target.value === a.modelValue && s("update:modelValue", null);
+        t("click", e), e.target instanceof HTMLInputElement && e.target.checked && +e.target.value === a.modelValue && t("update:modelValue", null);
       },
       onFocus: (e) => {
-        s("focus", e), o.value || (document.addEventListener("focusin", c, { passive: !0 }), document.addEventListener("click", d, { passive: !0 }), o.value = !0);
+        t("focus", e), o.value || (document.addEventListener("focusin", c, { passive: !0 }), document.addEventListener("click", d, { passive: !0 }), o.value = !0);
       },
-      onInput: (e) => s("input", e),
-      onKeydown: (e) => s("keydown", e),
-      onMousedown: (e) => s("mousedown", e),
-      onMouseup: (e) => s("mouseup", e)
+      onInput: (e) => t("input", e),
+      onKeydown: (e) => t("keydown", e),
+      onMousedown: (e) => t("mousedown", e),
+      onMouseup: (e) => t("mouseup", e)
     }, c = (e) => {
-      var t;
-      e.target instanceof HTMLElement && ((t = u.value) != null && t.contains(e.target) || (s("inactive"), o.value = !1, document.removeEventListener("focusin", c), document.removeEventListener("click", d)));
+      var n;
+      e.target instanceof HTMLElement && ((n = u.value) != null && n.contains(e.target) || (t("inactive"), o.value = !1, document.removeEventListener("focusin", c), document.removeEventListener("click", d)));
     }, d = (e) => {
-      var t;
-      e.target instanceof HTMLElement && ((t = u.value) != null && t.contains(e.target) || (s("inactive"), o.value = !1, document.removeEventListener("focusin", c), document.removeEventListener("click", d)));
-    }, z = {
+      var n;
+      e.target instanceof HTMLElement && ((n = u.value) != null && n.contains(e.target) || (t("inactive"), o.value = !1, document.removeEventListener("focusin", c), document.removeEventListener("click", d)));
+    }, E = {
       xs: 12,
       sm: 16,
       md: 24,
@@ -51,75 +52,75 @@ const $ = { class: "bb-base-rating__inner-container" }, q = { class: "bb-base-ra
       xxl: 40
     }, m = f(() => {
       let e;
-      return typeof a.size == "string" ? e = z[a.size] ?? parseInt(a.size, 10) : e = a.size, e;
-    }), w = f(() => new Array(a.stars).fill(0).map((e, t) => t + 1).map((e) => {
-      const t = a.id ? [a.id, e].filter(F).join("_") : void 0, n = e === a.modelValue, b = !!(a.modelValue && e <= a.modelValue), L = !!(a.disabled || T(a.readonly) && D(a.readonly));
+      return typeof a.size == "string" ? e = E[a.size] ?? parseInt(a.size, 10) : e = a.size, e;
+    }), L = f(() => new Array(a.stars).fill(0).map((e, n) => n + 1).map((e) => {
+      const n = a.id ? [a.id, e].filter($).join("_") : void 0, s = e === a.modelValue, b = !!(a.modelValue && e <= a.modelValue), B = !!(a.disabled || q(a.readonly) && T(a.readonly));
       return {
-        checked: n,
-        disabled: L,
+        checked: s,
+        disabled: B,
         highlighted: b,
-        id: t,
+        id: n,
         name: a.name,
         size: m.value,
         value: e
       };
-    })), E = f(() => {
+    })), C = f(() => {
       let e = {};
-      return a.color && v(a.color) && (e["--color"] = a.color), m.value && (e["--size"] = `${m.value}px`), {
+      return a.color && k(a.color) && (e["--color"] = a.color), m.value && (e["--size"] = `${m.value}px`), {
         class: {
           "bb-base-rating": !0,
           "bb-base-rating--has-value": a.modelValue,
           "bb-base-rating--disabled": a.disabled,
           "bb-base-rating--errors": a.hasErrors,
           "bb-base-rating--readonly": a.readonly,
-          [`bb-base-rating--${a.color}`]: a.color && !v(a.color)
+          [`bb-base-rating--${a.color}`]: a.color && !k(a.color)
         },
         style: e
       };
     });
-    return (e, t) => (l(), i("span", h(E.value, {
+    return (e, n) => (l(), r("span", h(C.value, {
       ref_key: "container",
       ref: u
     }), [
-      r("span", $, [
+      i("span", H, [
         p(e.$slots, "prepend"),
-        (l(!0), i(B, null, I(w.value, (n, b) => (l(), i("label", {
-          key: n.value,
-          class: V(["bb-base-rating__option", { "bb-base-rating__option--highlighted": n.highlighted }])
+        (l(!0), r(V, null, M(L.value, (s, b) => (l(), r("label", {
+          key: s.value,
+          class: D(["bb-base-rating__option", { "bb-base-rating__option--highlighted": s.highlighted }])
         }, [
-          r("span", q, M(n.value), 1),
-          r("input", h({
-            id: n.id,
+          i("span", S, F(s.value == 1 ? y(g)("rating.singleStar", s.value, a.stars).value : y(g)("rating.multipleStars", s.value, a.stars).value), 1),
+          i("input", h({
+            id: s.id,
             "aria-describedby": e.ariaDescribedby,
             autofocus: e.autofocus && !b,
-            checked: n.checked,
+            checked: s.checked,
             class: "sr-only",
-            disabled: n.disabled,
-            name: n.name,
+            disabled: s.disabled,
+            name: s.name,
             required: e.required,
             type: "radio",
-            value: n.value,
+            value: s.value,
             ref_for: !0
-          }, _), null, 16, x),
+          }, w), null, 16, N),
           p(e.$slots, "icon", {
-            id: n.id,
-            checked: n.checked,
-            disabled: n.disabled,
-            size: n.size,
-            value: n.value
+            id: s.id,
+            checked: s.checked,
+            disabled: s.disabled,
+            size: s.size,
+            value: s.value
           }, () => [
-            (l(), i("svg", {
-              height: n.size,
+            (l(), r("svg", {
+              height: s.size,
               viewBox: "0 0 24 24",
-              width: n.size,
+              width: s.size,
               xmlns: "http://www.w3.org/2000/svg"
-            }, t[0] || (t[0] = [
-              r("path", {
+            }, n[0] || (n[0] = [
+              i("path", {
                 d: "m8.243 7.34l-6.38.925l-.113.023a1 1 0 0 0-.44 1.684l4.622 4.499l-1.09 6.355l-.013.11a1 1 0 0 0 1.464.944l5.706-3l5.693 3l.1.046a1 1 0 0 0 1.352-1.1l-1.091-6.355l4.624-4.5l.078-.085a1 1 0 0 0-.633-1.62l-6.38-.926l-2.852-5.78a1 1 0 0 0-1.794 0L8.243 7.34z",
                 "stroke-linecap": "round",
                 "stroke-linejoin": "round"
               }, null, -1)
-            ]), 8, H))
+            ]), 8, j))
           ])
         ], 2))), 128)),
         p(e.$slots, "append")
@@ -128,5 +129,5 @@ const $ = { class: "bb-base-rating__inner-container" }, q = { class: "bb-base-ra
   }
 });
 export {
-  J as default
+  W as default
 };