bitboss-ui 2.0.104 → 2.0.106

package/dist/index111.js

@@ -1,33 +1,34 @@
-import { defineComponent as me, mergeModels as G, ref as fe, computed as k, toRef as z, useModel as J, watch as K, reactive as ye, openBlock as n, createBlock as Q, resolveDynamicComponent as he, normalizeClass as r, unref as i, withCtx as ve, createElementBlock as d, toDisplayString as u, createCommentVNode as g, createElementVNode as o, renderSlot as p, isRef as ke, Fragment as V, renderList as B, createVNode as X, createTextVNode as _e, mergeProps as ge } from "vue";
-import { add as Ce } from "./index308.js";
-import { clamp as we } from "./index205.js";
-import { isNil as Y } from "./index255.js";
-import { useId as Ve } from "./index8.js";
-import { useItemValue as Be } from "./index287.js";
-import { when as Te } from "./index244.js";
-import Z from "./index17.js";
+import { defineComponent as ue, mergeModels as W, ref as pe, computed as k, toRef as x, useModel as G, watch as J, reactive as me, openBlock as n, createBlock as K, resolveDynamicComponent as fe, normalizeClass as r, unref as i, withCtx as ye, createElementBlock as d, toDisplayString as u, createCommentVNode as g, createElementVNode as o, renderSlot as p, isRef as he, Fragment as V, renderList as B, createVNode as Q, createTextVNode as ve, mergeProps as ke } from "vue";
+import { add as _e } from "./index310.js";
+import { clamp as ge } from "./index205.js";
+import { isNil as X } from "./index258.js";
+import { useId as Ce } from "./index8.js";
+import { useItemValue as we } from "./index263.js";
+import { when as Ve } from "./index216.js";
+import Y from "./index17.js";
 /* empty css        */
-import $e from "./index31.js";
+import Be from "./index31.js";
 /* empty css        */
-import { hash as ee } from "./index213.js";
-import { useItemsGetter as Se } from "./index237.js";
-import { usePrefill as Ie } from "./index242.js";
-import { useIndexById as Ne } from "./index238.js";
-import { useBaseOptions as Ae } from "./index239.js";
-import { useHashedWatcher as He } from "./index241.js";
-const Le = {
+import { hash as Z } from "./index212.js";
+import { useItemsGetter as Te } from "./index208.js";
+import { usePrefill as $e } from "./index214.js";
+import { useIndexById as Ae } from "./index209.js";
+import { useBaseOptions as Ie } from "./index210.js";
+import { useHashedWatcher as Ne } from "./index213.js";
+import { useLocale as Le } from "./index224.js";
+const Se = {
   key: 0,
   class: "sr-only"
-}, De = { class: "bb-table-header-row" }, xe = { class: "bb-table-header__content" }, Re = { class: "bb-table-check__label-text sr-only" }, ze = {
+}, He = { class: "bb-table-header-row" }, De = { class: "bb-table-header__content" }, Re = { class: "bb-table-check__label-text sr-only" }, Me = {
   key: 1,
   class: "bb-table-radio__label-text sr-only"
-}, Me = { class: "bb-table-header__content" }, Oe = { class: "bb-table-header__content sr-only" }, je = { class: "bb-table-loading__row" }, qe = ["colspan"], Ee = { class: "bb-table-loading__text sr-only" }, Fe = {
+}, xe = { class: "bb-table-header__content" }, Oe = { class: "bb-table-header__content sr-only" }, je = { class: "bb-table-loading__row" }, Ee = ["colspan"], qe = { class: "bb-table-loading__text sr-only" }, ze = {
   class: "bb-table-skeleton__container",
   role: "status"
-}, Pe = { class: "bb-table-no-data__row" }, Ue = ["colspan"], We = { class: "bb-table-no-data__text" }, Ge = ["onClick", "onContextmenu", "onDblclick"], Je = { class: "bb-table-check__label-text sr-only" }, Ke = { class: "bb-table-radio__label-text sr-only" }, pl = /* @__PURE__ */ me({
+}, Fe = { class: "bb-table-no-data__row" }, Pe = ["colspan"], Ue = { class: "bb-table-no-data__text" }, We = ["onClick", "onContextmenu", "onDblclick"], Ge = { class: "bb-table-check__label-text sr-only" }, Je = { class: "bb-table-radio__label-text sr-only" }, pl = /* @__PURE__ */ ue({
   __name: "BbTable",
-  props: /* @__PURE__ */ G({
-    accessibleLabel: { type: Function, default: (C) => ["Seleziona"].concat(C.map((N) => N.content)).join(" ") },
+  props: /* @__PURE__ */ W({
+    accessibleLabel: {},
     actions: { type: Boolean },
     actionsText: { default: "Azioni" },
     align: { default: "left" },
@@ -46,16 +47,16 @@ const Le = {
     itemValue: {},
     legend: {},
     loading: { type: Boolean },
-    loadingText: { default: "Caricamento" },
+    loadingText: {},
     max: { default: 1 / 0 },
     modelValue: { default: () => [] },
     multiple: { type: Boolean, default: !0 },
     name: {},
-    noDataText: { default: "Non ci sono elementi da visualizzare" },
+    noDataText: {},
     readonly: { type: Boolean },
     selectable: { type: [Boolean, Function] },
-    selectAllLabel: { default: "Seleziona tutti gli elementi di questa pagina" },
-    selectText: { default: "Seleziona un elemento" },
+    selectAllLabel: {},
+    selectText: {},
     tdClass: {},
     thClass: {}
   }, {
@@ -66,12 +67,12 @@ const Le = {
     },
     "unselected-itemsModifiers": {}
   }),
-  emits: /* @__PURE__ */ G(["click:row", "contextmenu:row", "dblclick:row", "update:modelValue", "update:selectAll", "item:selected", "item:unselected"], ["update:select-all", "update:unselected-items"]),
-  setup(C, { emit: N }) {
-    const { getItemValue: le } = Be(), M = Ve().id.value, t = C, m = N, T = fe(), te = t.accessibleLabel, ae = t.loadingText, se = t.noDataText, O = t.selectText, oe = k(() => t.selectable ? "fieldset" : "div"), j = k(() => t.loading || ne.value), q = k(() => [!!t.selectable, !!t.actions].reduce(
+  emits: /* @__PURE__ */ W(["click:row", "contextmenu:row", "dblclick:row", "update:modelValue", "update:selectAll", "item:selected", "item:unselected"], ["update:select-all", "update:unselected-items"]),
+  setup(N, { emit: ee }) {
+    const { getItemValue: le } = we(), O = Ce().id.value, t = N, m = ee, { t: C } = Le(), T = pe(), te = (e) => [C("table.select").value].concat(e.map((s) => s.content)).join(" "), ae = k(() => t.selectable ? "fieldset" : "div"), j = k(() => t.loading || se.value), E = k(() => [!!t.selectable, !!t.actions].reduce(
       (e, s) => e + +!!s,
       t.columns.length
-    )), E = k(
+    )), q = k(
       () => t.columns.reduce(
         (e, s) => {
           const l = s.key.split(/\W+/g).join("_");
@@ -80,49 +81,49 @@ const Le = {
         {}
       )
     ), {
-      getter: F,
-      items: A,
-      loading: ne
-    } = Se({
-      items: z(t, "items")
-    }), { hasPrefilled: de } = Ie({
+      getter: z,
+      items: L,
+      loading: se
+    } = Te({
+      items: x(t, "items")
+    }), { hasPrefilled: oe } = $e({
       onStart: !0,
       currentValue: t.modelValue,
       multiple: t.multiple,
       fn: async ({ prefill: e }) => {
-        await F(e, t.modelValue);
+        await z(e, t.modelValue);
       }
-    }), { data: P } = Ne({
-      items: z(t, "modelValue")
-    }), { options: $ } = Ae({
-      disabled: z(t, "disabled"),
-      items: A,
+    }), { data: F } = Ae({
+      items: x(t, "modelValue")
+    }), { options: $ } = Ie({
+      disabled: x(t, "disabled"),
+      items: L,
       itemText: void 0,
       itemValue: t.itemValue,
       max: t.max,
       selectable: !0,
-      selectedIndexedByHash: P
-    }), ce = async (e) => {
+      selectedIndexedByHash: F
+    }), ne = async (e) => {
       t.multiple ? m("update:modelValue", t.modelValue.concat(e.value)) : m("update:modelValue", e.value);
-    }, ie = async (e) => {
+    }, de = async (e) => {
       if (t.multiple) {
-        const s = { ...P.value };
+        const s = { ...F.value };
         delete s[e.valueHash], m("update:modelValue", Object.values(s));
       } else
         m("update:modelValue", null);
     };
-    He(
+    Ne(
       () => [t.dependencies, t.items],
       async () => {
-        de.value && await F(!1, t.modelValue);
+        oe.value && await z(!1, t.modelValue);
       },
       {
         debounce: t.depsDebounceTime
       }
     );
-    const be = k(
+    const ce = k(
       () => t.columns.map((e) => {
-        const s = e.align || "left", { label: l, key: f } = e, D = `header:${E.value[e.key]}`;
+        const s = e.align || "left", { label: l, key: f } = e, D = `header:${q.value[e.key]}`;
         let a = [`bb-table-header--${s}`];
         return t.thClass && (a = a.concat(t.thClass)), e.thClass && (a = a.concat(e.thClass)), {
           align: s,
@@ -132,14 +133,14 @@ const Le = {
           classes: a
         };
       })
-    ), H = k(() => $.value.map((e) => {
+    ), S = k(() => $.value.map((e) => {
       let s = !t.selectable;
       typeof t.selectable == "function" && (s = !t.selectable(e.item)), s = s || !!e.disabled;
       const l = t.columns.map((a) => {
-        const c = E.value[a.key], v = a.align || "left", { label: I, key: x } = a;
+        const c = q.value[a.key], v = a.align || "left", { label: I, key: R } = a;
         let y = le(e.item, a.key);
         a.formatter && // By default the formatter runs anyway
-        (!Y(y) || a.formatOnNull !== !1) && (y = a.formatter(y, a.key, e.item)), a.placeholder && Y(y) && (y = a.placeholder);
+        (!X(y) || a.formatOnNull !== !1) && (y = a.formatter(y, a.key, e.item)), a.placeholder && X(y) && (y = a.placeholder);
         let b = [`bb-table-data__cell--${v}`];
         if (t.tdClass)
           if (typeof t.tdClass == "function") {
@@ -155,13 +156,13 @@ const Le = {
           align: v,
           classes: b,
           content: y,
-          key: x,
+          key: R,
           label: I,
           slotName: c
         };
       });
       return {
-        accessibleLabel: te(l, e.item),
+        accessibleLabel: te(l),
         cols: l,
         onRowClick: (a) => m("click:row", a, e, !!e.selected),
         onRowContextMenu: (a) => m("contextmenu:row", a, e, !!e.selected),
@@ -174,38 +175,38 @@ const Le = {
         disabled: s
       };
     }));
-    let h = J(C, "select-all");
-    K(h, () => {
-      w.clear(), S.value = [], m("update:modelValue", []);
+    let h = G(N, "select-all");
+    J(h, () => {
+      w.clear(), A.value = [], m("update:modelValue", []);
     });
-    const U = k(() => {
+    const P = k(() => {
       var e;
-      return (e = t.modelValue) != null && e.length ? H.value.some((s) => !s.selected) : !!(h.value && w.size);
-    }), w = ye(/* @__PURE__ */ new Set()), S = J(C, "unselected-items"), W = (e) => {
-      L(e) ? (ie(e), m("item:unselected", e.value), w.add(e.valueHash), S.value.push(e.value)) : (h.value || ce(e), m("item:selected", e.value), w.delete(e.valueHash), S.value = S.value.filter(
-        (s) => ee(s) !== ee(e.value)
+      return (e = t.modelValue) != null && e.length ? S.value.some((s) => !s.selected) : !!(h.value && w.size);
+    }), w = me(/* @__PURE__ */ new Set()), A = G(N, "unselected-items"), U = (e) => {
+      H(e) ? (de(e), m("item:unselected", e.value), w.add(e.valueHash), A.value.push(e.value)) : (h.value || ne(e), m("item:selected", e.value), w.delete(e.valueHash), A.value = A.value.filter(
+        (s) => Z(s) !== Z(e.value)
       ));
-    }, L = (e) => w.has(e.valueHash) ? !1 : e.selected || h.value, re = Te(
+    }, H = (e) => w.has(e.valueHash) ? !1 : e.selected || h.value, ie = Ve(
       (e) => typeof e != "string",
       JSON.stringify
-    ), ue = k(() => [].concat(t.modelValue).map((e) => {
-      const s = re(e);
+    ), be = k(() => [].concat(t.modelValue).map((e) => {
+      const s = ie(e);
       return {
         disabled: t.disabled,
         name: t.name,
         type: "hidden",
         value: s
       };
-    })), pe = k(() => we($.value.length, 4, 10));
-    return K(
-      () => H.value,
+    })), re = k(() => ge($.value.length, 4, 10));
+    return J(
+      () => S.value,
       () => {
         var e;
         if (t.fixedColumns.length && t.items && T.value) {
           const s = Array.from(
             T.value.querySelectorAll("thead th")
           ), l = t.fixedColumns.reduce((a, c) => {
-            const v = typeof c == "number" ? c : c.index, I = typeof c == "number" ? "left" : c.position, x = s[v].getBoundingClientRect(), y = Math.floor(x.width), b = a.filter((R) => R.position === I).map((R) => R.width).reduce(Ce, 0), _ = {
+            const v = typeof c == "number" ? c : c.index, I = typeof c == "number" ? "left" : c.position, R = s[v].getBoundingClientRect(), y = Math.floor(R.width), b = a.filter((M) => M.position === I).map((M) => M.width).reduce(_e, 0), _ = {
               index: v,
               position: I,
               width: y,
@@ -229,7 +230,7 @@ const Le = {
       {
         flush: "post"
       }
-    ), (e, s) => (n(), Q(he(oe.value), {
+    ), (e, s) => (n(), K(fe(ae.value), {
       ref_key: "container",
       ref: T,
       class: r({
@@ -243,8 +244,8 @@ const Le = {
         "bb-table--selectable": e.selectable
       })
     }, {
-      default: ve(() => [
-        e.selectable ? (n(), d("legend", Le, u(e.legend), 1)) : g("", !0),
+      default: ye(() => [
+        e.selectable ? (n(), d("legend", Se, u(e.legend), 1)) : g("", !0),
         o("table", null, [
           e.caption ? (n(), d("caption", {
             key: 0,
@@ -255,7 +256,7 @@ const Le = {
           }, u(e.caption), 3)) : g("", !0),
           o("thead", null, [
             p(e.$slots, "thead", {}, () => [
-              o("tr", De, [
+              o("tr", He, [
                 e.selectable ? (n(), d("th", {
                   key: 0,
                   class: r(["bb-table-header bb-table-header--select", e.thClass]),
@@ -264,31 +265,31 @@ const Le = {
                   p(e.$slots, "header:select", {
                     multiple: e.multiple,
                     selectAll: !!i(h),
-                    text: i(O)
+                    text: e.selectText || i(C)("table.selectText").value
                   }, () => [
-                    o("span", xe, [
+                    o("span", De, [
                       e.allowSelectAll && e.multiple ? (n(), d("label", {
                         key: 0,
                         class: r(["bb-table-check__label", {
                           "bb-table-check__label--disabled": e.disabled
                         }])
                       }, [
-                        (n(), Q(Z, {
-                          key: U.value.toString(),
+                        (n(), K(Y, {
+                          key: P.value.toString(),
                           modelValue: i(h),
-                          "onUpdate:modelValue": s[0] || (s[0] = (l) => ke(h) ? h.value = l : h = l),
+                          "onUpdate:modelValue": s[0] || (s[0] = (l) => he(h) ? h.value = l : h = l),
                           class: "bb-table-check",
                           disabled: e.disabled,
-                          indeterminate: U.value,
+                          indeterminate: P.value,
                           name: `select_all_${e.name || ""}`,
                           readonly: e.readonly
                         }, null, 8, ["modelValue", "disabled", "indeterminate", "name", "readonly"])),
-                        o("span", Re, u(e.selectAllLabel), 1)
-                      ], 2)) : e.multiple ? g("", !0) : (n(), d("span", ze, u(i(O)), 1))
+                        o("span", Re, u(e.selectAllLabel || i(C)("table.selectAllLabel").value), 1)
+                      ], 2)) : e.multiple ? g("", !0) : (n(), d("span", Me, u(e.selectText || i(C)("table.selectText").value), 1))
                     ])
                   ])
                 ], 2)) : g("", !0),
-                (n(!0), d(V, null, B(be.value, (l) => (n(), d("th", {
+                (n(!0), d(V, null, B(ce.value, (l) => (n(), d("th", {
                   key: l.key,
                   class: r(["bb-table-header", l.classes]),
                   scope: "col"
@@ -296,10 +297,10 @@ const Le = {
                   p(e.$slots, l.slotName, {
                     classes: l.classes,
                     item: void 0,
-                    items: i(A),
+                    items: i(L),
                     label: l.label
                   }, () => [
-                    o("span", Me, u(l.label), 1)
+                    o("span", xe, u(l.label), 1)
                   ])
                 ], 2))), 128)),
                 e.actions ? (n(), d("th", {
@@ -317,16 +318,16 @@ const Le = {
           o("tbody", null, [
             j.value ? p(e.$slots, "loading", {
               key: 0,
-              items: i(A)
+              items: i(L)
             }, () => [
               o("tr", je, [
                 o("td", {
                   class: "bb-table-loading__cell",
-                  colspan: q.value
+                  colspan: E.value
                 }, [
-                  o("span", Ee, u(i(ae)), 1),
-                  o("div", Fe, [
-                    (n(!0), d(V, null, B(pe.value, (l) => (n(), d("div", {
+                  o("span", qe, u(e.loadingText), 1),
+                  o("div", ze, [
+                    (n(!0), d(V, null, B(re.value, (l) => (n(), d("div", {
                       key: l,
                       class: "bb-table-skeleton-item"
                     }, s[1] || (s[1] = [
@@ -339,10 +340,10 @@ const Le = {
                       ], -1)
                     ])))), 128))
                   ])
-                ], 8, qe)
+                ], 8, Ee)
               ])
             ]) : i($).length ? p(e.$slots, "tbody", { key: 2 }, () => [
-              (n(!0), d(V, null, B(H.value, (l) => (n(), d("tr", {
+              (n(!0), d(V, null, B(S.value, (l) => (n(), d("tr", {
                 key: l.valueHash,
                 class: "bb-table-data__row",
                 onClick: l.onRowClick,
@@ -354,9 +355,9 @@ const Le = {
                   class: r(["bb-table-data__cell bb-table-data__cell--select", e.tdClass])
                 }, [
                   p(e.$slots, "select", {
-                    checked: L(l),
+                    checked: H(l),
                     disabled: !!l.disabled,
-                    inputName: i(M),
+                    inputName: i(O),
                     item: l.item,
                     readonly: !!e.readonly,
                     value: l.value
@@ -367,30 +368,30 @@ const Le = {
                         "bb-table-check__label--disabled": l.disabled
                       }])
                     }, [
-                      X(Z, {
-                        checked: L(l),
+                      Q(Y, {
+                        checked: H(l),
                         class: "bb-table-check",
                         disabled: l.disabled,
                         readonly: e.readonly,
-                        onChange: () => W(l)
+                        onChange: () => U(l)
                       }, null, 8, ["checked", "disabled", "readonly", "onChange"]),
-                      o("span", Je, u(l.accessibleLabel), 1)
+                      o("span", Ge, u(l.accessibleLabel), 1)
                     ], 2)) : (n(), d("label", {
                       key: 1,
                       class: r(["bb-table-radio__label", {
                         "bb-table-radio__label--disabled": l.disabled
                       }])
                     }, [
-                      X($e, {
+                      Q(Be, {
                         checked: l.selected,
                         class: "bb-table-radio",
                         disabled: l.disabled,
-                        name: i(M),
+                        name: i(O),
                         readonly: e.readonly,
                         value: l.value,
-                        onChange: () => W(l)
+                        onChange: () => U(l)
                       }, null, 8, ["checked", "disabled", "name", "readonly", "value", "onChange"]),
-                      o("span", Ke, u(l.accessibleLabel), 1)
+                      o("span", Je, u(l.accessibleLabel), 1)
                     ], 2))
                   ])
                 ], 2)) : g("", !0),
@@ -404,7 +405,7 @@ const Le = {
                     item: l.item,
                     value: l.value
                   }, () => [
-                    _e(u(f.content), 1)
+                    ve(u(f.content), 1)
                   ])
                 ], 2))), 128)),
                 e.actions ? (n(), d("td", {
@@ -416,15 +417,15 @@ const Le = {
                     value: l.value
                   })
                 ], 2)) : g("", !0)
-              ], 40, Ge))), 128))
+              ], 40, We))), 128))
             ]) : p(e.$slots, "no-data", { key: 1 }, () => [
-              o("tr", Pe, [
+              o("tr", Fe, [
                 o("td", {
                   class: "bb-table-no-data__cell",
-                  colspan: q.value
+                  colspan: E.value
                 }, [
-                  o("span", We, u(i(se)), 1)
-                ], 8, Ue)
+                  o("span", Ue, u(e.noDataText || i(C)("table.noDataText").value), 1)
+                ], 8, Pe)
               ])
             ])
           ]),
@@ -432,7 +433,7 @@ const Le = {
             p(e.$slots, "tfoot")
           ])
         ]),
-        (n(!0), d(V, null, B(ue.value, (l) => (n(), d("input", ge({
+        (n(!0), d(V, null, B(be.value, (l) => (n(), d("input", ke({
           key: l.value,
           ref_for: !0
         }, l), null, 16))), 128))

package/dist/index119.js

@@ -1,6 +1,6 @@
 import { defineComponent as l, openBlock as e, createBlock as o, withCtx as r, createElementVNode as c, normalizeClass as m, createVNode as i, TransitionGroup as u, createElementBlock as p, Fragment as f, renderList as _, unref as n, mergeProps as d } from "vue";
 import { state as k, useToast as b } from "./index11.js";
-import C from "./index231.js";
+import C from "./index223.js";
 import B from "./index309.js";
 const V = /* @__PURE__ */ l({
   __name: "BbToast",