bitboss-ui 2.0.38 → 2.0.39

package/dist/index106.js

@@ -1,409 +1,127 @@
-import { defineComponent as oe, ref as x, computed as h, toRef as B, watch as ne, openBlock as n, createBlock as de, resolveDynamicComponent as ce, normalizeClass as r, unref as u, withCtx as ie, createElementBlock as d, toDisplayString as p, createCommentVNode as k, createElementVNode as s, renderSlot as f, createVNode as I, Fragment as w, renderList as T, createTextVNode as be, mergeProps as re } from "vue";
-import { add as ue } from "./index286.js";
-import { clamp as pe } from "./index199.js";
-import { isNil as M } from "./index125.js";
-import { useId as fe } from "./index8.js";
-import { useItemValue as me } from "./index250.js";
-import { when as he } from "./index209.js";
-import J from "./index15.js";
+import { defineComponent as v, ref as g, computed as y, openBlock as w, createBlock as B, withCtx as a, renderSlot as i, normalizeProps as l, guardReactiveProps as r, createVNode as $, mergeProps as T } from "vue";
+import V from "./index27.js";
 /* empty css        */
-import ye from "./index29.js";
+import D from "./index43.js";
 /* empty css        */
-import { useOptions as _e } from "./index205.js";
-const ke = {
-  key: 0,
-  class: "sr-only"
-}, ve = { class: "bb-table-header-row" }, Ce = { class: "bb-table-header__content" }, ge = { class: "bb-table-check__label-text sr-only" }, we = {
-  key: 1,
-  class: "bb-table-radio__label-text sr-only"
-}, Te = { class: "bb-table-header__content" }, Ve = { class: "bb-table-header__content sr-only" }, $e = { class: "bb-table-loading__row" }, Ae = ["colspan"], Be = { class: "bb-table-loading__text sr-only" }, Ne = {
-  class: "bb-table-skeleton__container",
-  role: "status"
-}, Se = /* @__PURE__ */ s("div", { class: "bb-table-skeleton-item__avatar-container" }, [
-  /* @__PURE__ */ s("div", { class: "bb-table-skeleton-item__avatar" })
-], -1), De = /* @__PURE__ */ s("div", { class: "bb-table-skeleton-item__text" }, [
-  /* @__PURE__ */ s("div", { class: "bb-table-skeleton-item__line" }),
-  /* @__PURE__ */ s("div", { class: "bb-table-skeleton-item__line" })
-], -1), Le = [
-  Se,
-  De
-], Re = { class: "bb-table-no-data__row" }, Ie = ["colspan"], ze = { class: "bb-table-no-data__text" }, Oe = ["onClick", "onContextmenu", "onDblclick"], He = { class: "bb-table-check__label-text sr-only" }, qe = { class: "bb-table-radio__label-text sr-only" }, Xe = /* @__PURE__ */ oe({
-  __name: "BbTable",
+const F = /* @__PURE__ */ v({
+  __name: "BbSwitchGroup",
   props: {
-    accessibleLabel: { type: Function, default: (N) => ["Seleziona"].concat(N.map((S) => S.content)).join(" ") },
-    actions: { type: Boolean },
-    actionsText: { default: "Azioni" },
-    align: { default: "left" },
-    allowSelectAll: { type: Boolean, default: !0 },
-    caption: {},
-    columns: { default: () => [] },
-    compact: { type: Boolean },
-    dependencies: { default: () => [] },
-    depsDebounceTime: { default: 0 },
+    autofocus: {},
+    color: {},
+    dependencies: {},
+    depsDebounceTime: {},
     disabled: { type: Boolean },
-    displayCaption: { type: Boolean },
-    fixed: { type: Boolean },
-    fixedColumns: { default: () => [] },
-    fixedHeaders: { type: Boolean },
-    items: { type: [Array, Function], default: () => [] },
+    enforceCoherence: { type: Boolean },
+    errors: {},
+    hasErrors: { type: Boolean },
+    hideLabel: { type: Boolean },
+    hideLegend: { type: Boolean },
+    hint: {},
+    id: {},
+    inputDirection: {},
+    items: { type: [Array, Function] },
+    itemText: {},
     itemValue: {},
     legend: {},
-    loading: { type: Boolean },
-    loadingText: { default: "Caricamento" },
-    modelValue: { default: () => [] },
-    multiple: { type: Boolean, default: !0 },
+    loadingText: {},
+    modelValue: {},
+    modelValueDebounceTime: {},
     name: {},
-    noDataText: { default: "Non ci sono elementi da visualizzare" },
+    noDataText: {},
+    persistentHint: { type: Boolean },
     readonly: {},
-    selectable: { type: [Boolean, Function] },
-    selectAll: { type: Boolean },
-    selectAllLabel: { default: "Seleziona tutti gli elementi di questa pagina" },
-    selectText: { default: "Seleziona un elemento" },
-    tdClass: {},
-    thClass: {}
+    reverse: { type: Boolean }
   },
-  emits: ["click:row", "contextmenu:row", "dblclick:row", "update:modelValue", "update:selectAll"],
-  setup(N, { emit: S }) {
-    const { getItemValue: P } = me(), D = fe().id.value, a = N, v = S, V = x(), Q = a.accessibleLabel, U = a.loadingText, W = a.noDataText, z = a.selectText, G = h(() => a.selectable ? "fieldset" : "div"), K = x(!1), O = h(() => a.loading || K.value), H = h(() => [!!a.selectable, !!a.actions].reduce(
-      (e, o) => e + +!!o,
-      a.columns.length
-    )), q = h(
-      () => a.columns.reduce(
-        (e, o) => {
-          const l = o.key.split(/\W+/g).join("_");
-          return e[o.key] = l, e;
-        },
-        {}
-      )
-    ), { options: $, selectOption: X, unselectOption: Y, internalItems: E } = _e({
-      emit: v,
-      itemText: void 0,
-      itemValue: a.itemValue,
-      modelValue: B(a, "modelValue"),
-      multiple: a.multiple,
-      resetQueryOnOptionSelected: !1,
-      stash: !1,
-      items: B(a, "items"),
-      enforceCoherence: !0,
-      prefill: !0,
-      modelValueDebounceTime: 0,
-      dependencies: B(a, "dependencies"),
-      depsDebounceTime: a.depsDebounceTime,
-      queryDebounceTime: 0,
-      disabled: B(a, "disabled")
-    }), Z = h(
-      () => a.columns.map((e) => {
-        const o = e.align || "left", { label: l, key: c } = e, g = `header:${q.value[e.key]}`;
-        let t = [`bb-table-header--${o}`];
-        return a.thClass && (t = t.concat(a.thClass)), e.thClass && (t = t.concat(e.thClass)), {
-          align: o,
-          key: c,
-          label: l,
-          slotName: g,
-          classes: t
-        };
-      })
-    ), C = h(() => $.value.map((e) => {
-      let o = !a.selectable;
-      typeof a.selectable == "function" && (o = !a.selectable(e)), o = o || !!e.disabled;
-      const l = a.columns.map((t) => {
-        const i = q.value[t.key], y = t.align || "left", { label: A, key: L } = t;
-        let m = P(e.item, t.key);
-        t.formatter && // By default the formatter runs anyway
-        (!M(m) || t.formatOnNull !== !1) && (m = t.formatter(m, t.key, e.item)), t.placeholder && M(m) && (m = t.placeholder);
-        let b = [`bb-table-data__cell--${y}`];
-        if (a.tdClass)
-          if (typeof a.tdClass == "function") {
-            let _ = a.tdClass(m, t.key, e.item);
-            _ && (b = b.concat(_));
-          } else b = b.concat(a.tdClass);
-        if (t.tdClass)
-          if (typeof t.tdClass == "function") {
-            let _ = t.tdClass(m, t.key, e.item);
-            _ && (b = b.concat(_));
-          } else b = b.concat(t.tdClass);
-        return {
-          align: y,
-          classes: b,
-          content: m,
-          key: L,
-          label: A,
-          slotName: i
-        };
-      });
-      return {
-        accessibleLabel: Q(l, e.item),
-        cols: l,
-        onRowClick: (t) => v("click:row", t, e, !!e.selected),
-        onRowContextMenu: (t) => v("contextmenu:row", t, e, !!e.selected),
-        onRowDblClick: (t) => v("dblclick:row", t, e, !!e.selected),
-        item: e.item,
-        text: e.text,
-        valueHash: e.valueHash,
-        value: e.value,
-        selected: e.selected,
-        disabled: o
-      };
-    })), ee = (e) => {
-      let o = e, l = [];
-      o && (l = C.value.reduce((c, g) => (g.disabled || c.push(g.value), c), [])), v("update:modelValue", l), v("update:selectAll", e);
-    }, F = h(
-      () => !!(C.value.length && C.value.filter((e) => !e.disabled).every((e) => e.selected))
-    ), le = h(
-      () => {
-        var e;
-        return C.value.some((o) => !o.selected) && !!((e = a.modelValue) != null && e.length);
-      }
-    ), j = (e) => {
-      e.selected ? Y(e) : X(e);
-    }, te = he(
-      (e) => typeof e != "string",
-      JSON.stringify
-    ), ae = h(() => [].concat(a.modelValue).map((e) => {
-      const o = te(e);
-      return {
-        disabled: a.disabled,
-        name: a.name,
-        type: "hidden",
-        value: o
-      };
-    })), se = h(() => pe($.value.length, 4, 10));
-    return ne(
-      () => C.value,
-      () => {
-        var e;
-        if (a.fixedColumns.length && a.items && V.value) {
-          const o = Array.from(
-            V.value.querySelectorAll("thead th")
-          ), l = a.fixedColumns.reduce((t, i) => {
-            const y = typeof i == "number" ? i : i.index, A = typeof i == "number" ? "left" : i.position, L = o[y].getBoundingClientRect(), m = Math.floor(L.width), b = t.filter((R) => R.position === A).map((R) => R.width).reduce(ue, 0), _ = {
-              index: y,
-              position: A,
-              width: m,
-              offset: b
-            };
-            return t.push(_), t;
-          }, []);
-          Array.from((e = V.value) == null ? void 0 : e.querySelectorAll("tr")).map(
-            (t) => Array.from(
-              t.querySelectorAll(
-                l.map((i) => `:scope > :nth-child(${i.index + 1})`).join(", ")
-              )
-            )
-          ).forEach((t) => {
-            t.forEach((i, y) => {
-              i.style.position = "sticky", l[y].position === "left" ? i.style.left = `${l[y].offset}px` : i.style.right = `${l[y].offset}px`;
-            });
-          });
-        }
+  emits: ["blur", "change", "click", "focus", "inactive", "input", "keydown", "mousedown", "mouseup", "update:modelValue"],
+  setup(d, { emit: p }) {
+    const u = d, n = p, s = g(!1), m = y(() => u.persistentHint || s.value), c = {
+      onBlur: (e) => n("blur", e),
+      onChange: (e) => n("change", e),
+      onClick: (e) => n("click", e),
+      onFocus: (e) => {
+        s.value = !0, n("focus", e);
       },
-      {
-        flush: "post"
-      }
-    ), (e, o) => (n(), de(ce(G.value), {
-      ref_key: "container",
-      ref: V,
-      class: r({
-        "bb-table": !0,
-        [`bb-table--align-${e.align}`]: !0,
-        "bb-table--compact": e.compact,
-        "bb-table--fixed": e.fixed,
-        "bb-table--fixed-header": e.fixedHeaders,
-        "bb-table--loading": O.value,
-        "bb-table--empty": !u($).length,
-        "bb-table--selectable": e.selectable
-      })
+      onInactive: () => {
+        s.value = !1, n("inactive");
+      },
+      onInput: (e) => n("input", e),
+      onKeydown: (e) => n("keydown", e),
+      onMousedown: (e) => n("mousedown", e),
+      onMouseup: (e) => n("mouseup", e),
+      "onUpdate:modelValue": (e) => n("update:modelValue", e)
+    };
+    return (e, k) => (w(), B(V, {
+      id: e.id,
+      class: "bb-switch-group",
+      direction: "vertical",
+      errors: e.errors,
+      "has-errors": e.hasErrors,
+      "hide-label": e.hideLegend,
+      hint: e.hint,
+      label: e.legend,
+      "label-tag": "legend",
+      name: e.name,
+      reverse: e.reverse,
+      "show-hint": m.value,
+      tag: "fieldset"
     }, {
-      default: ie(() => [
-        e.selectable ? (n(), d("legend", ke, p(e.legend), 1)) : k("", !0),
-        s("table", null, [
-          e.caption ? (n(), d("caption", {
-            key: 0,
-            class: r({
-              "bb-table-caption": !0,
-              "sr-only": !e.displayCaption
-            })
-          }, p(e.caption), 3)) : k("", !0),
-          s("thead", null, [
-            f(e.$slots, "thead", {}, () => [
-              s("tr", ve, [
-                e.selectable ? (n(), d("th", {
-                  key: 0,
-                  class: r(["bb-table-header bb-table-header--select", e.thClass]),
-                  scope: "col"
-                }, [
-                  f(e.$slots, "header:select", {
-                    multiple: e.multiple,
-                    selectAll: !!e.selectAll,
-                    text: u(z)
-                  }, () => [
-                    s("span", Ce, [
-                      e.allowSelectAll && e.multiple ? (n(), d("label", {
-                        key: 0,
-                        class: r(["bb-table-check__label", {
-                          "bb-table-check__label--disabled": e.disabled
-                        }])
-                      }, [
-                        I(J, {
-                          class: "bb-table-check",
-                          disabled: e.disabled,
-                          indeterminate: le.value,
-                          "model-value": F.value,
-                          name: `select_all_${e.name || ""}`,
-                          readonly: e.readonly,
-                          "onUpdate:modelValue": ee
-                        }, null, 8, ["disabled", "indeterminate", "model-value", "name", "readonly"]),
-                        s("span", ge, p(e.selectAllLabel), 1)
-                      ], 2)) : e.multiple ? k("", !0) : (n(), d("span", we, p(u(z)), 1))
-                    ])
-                  ])
-                ], 2)) : k("", !0),
-                (n(!0), d(w, null, T(Z.value, (l) => (n(), d("th", {
-                  key: l.key,
-                  class: r(["bb-table-header", l.classes]),
-                  scope: "col"
-                }, [
-                  f(e.$slots, l.slotName, {
-                    classes: l.classes,
-                    item: void 0,
-                    items: u(E),
-                    label: l.label
-                  }, () => [
-                    s("span", Te, p(l.label), 1)
-                  ])
-                ], 2))), 128)),
-                e.actions ? (n(), d("th", {
-                  key: 1,
-                  class: r(["bb-table-header bb-table-header--actions", e.thClass]),
-                  scope: "col"
-                }, [
-                  f(e.$slots, "header:actions", { text: e.actionsText }, () => [
-                    s("span", Ve, p(e.actionsText), 1)
-                  ])
-                ], 2)) : k("", !0)
-              ])
-            ])
+      label: a((t) => [
+        i(e.$slots, "legend", l(r(t)))
+      ]),
+      input: a(({ id: t, name: h, hasErrors: b, ariaDescribedby: f }) => [
+        $(D, T({
+          id: t,
+          "aria-describedby": f,
+          autofocus: e.autofocus,
+          color: e.color,
+          dependencies: e.dependencies,
+          "deps-debounce-time": e.depsDebounceTime,
+          direction: e.inputDirection,
+          disabled: e.disabled,
+          "enforce-coherence": e.enforceCoherence,
+          "has-errors": b,
+          "hide-label": e.hideLabel,
+          "item-text": e.itemText,
+          "item-value": e.itemValue,
+          items: e.items,
+          "loading-text": e.loadingText,
+          "model-value": e.modelValue,
+          "model-value-debounce-time": e.modelValueDebounceTime,
+          name: h,
+          "no-data-text": e.noDataText,
+          readonly: e.readonly
+        }, c), {
+          prepend: a((o) => [
+            i(e.$slots, "prepend", l(r(o)))
+          ]),
+          loading: a((o) => [
+            i(e.$slots, "loading", l(r(o)))
+          ]),
+          "no-data": a((o) => [
+            i(e.$slots, "no-data", l(r(o)))
+          ]),
+          "option:prepend": a((o) => [
+            i(e.$slots, "option:prepend", l(r(o)))
+          ]),
+          icon: a((o) => [
+            i(e.$slots, "icon", l(r(o)))
+          ]),
+          label: a((o) => [
+            i(e.$slots, "label", l(r(o)))
+          ]),
+          "option:append": a((o) => [
+            i(e.$slots, "option:append", l(r(o)))
           ]),
-          s("tbody", null, [
-            O.value ? f(e.$slots, "loading", {
-              key: 0,
-              items: u(E)
-            }, () => [
-              s("tr", $e, [
-                s("td", {
-                  class: "bb-table-loading__cell",
-                  colspan: H.value
-                }, [
-                  s("span", Be, p(u(U)), 1),
-                  s("div", Ne, [
-                    (n(!0), d(w, null, T(se.value, (l) => (n(), d("div", {
-                      key: l,
-                      class: "bb-table-skeleton-item"
-                    }, Le))), 128))
-                  ])
-                ], 8, Ae)
-              ])
-            ]) : u($).length ? f(e.$slots, "tbody", { key: 2 }, () => [
-              (n(!0), d(w, null, T(C.value, (l) => (n(), d("tr", {
-                key: l.valueHash,
-                class: "bb-table-data__row",
-                onClick: l.onRowClick,
-                onContextmenu: l.onRowContextMenu,
-                onDblclick: l.onRowDblClick
-              }, [
-                e.selectable ? (n(), d("td", {
-                  key: 0,
-                  class: r(["bb-table-data__cell bb-table-data__cell--select", e.tdClass])
-                }, [
-                  f(e.$slots, "select", {
-                    checked: !!l.selected,
-                    disabled: !!l.disabled,
-                    inputName: u(D),
-                    item: l.item,
-                    readonly: !!e.readonly,
-                    value: l.value
-                  }, () => [
-                    e.multiple ? (n(), d("label", {
-                      key: 0,
-                      class: r(["bb-table-check__label", {
-                        "bb-table-check__label--disabled": l.disabled
-                      }])
-                    }, [
-                      I(J, {
-                        checked: l.selected || F.value,
-                        class: "bb-table-check",
-                        disabled: l.disabled,
-                        name: u(D),
-                        readonly: e.readonly,
-                        onChange: () => j(l)
-                      }, null, 8, ["checked", "disabled", "name", "readonly", "onChange"]),
-                      s("span", He, p(l.accessibleLabel), 1)
-                    ], 2)) : (n(), d("label", {
-                      key: 1,
-                      class: r(["bb-table-radio__label", {
-                        "bb-table-radio__label--disabled": l.disabled
-                      }])
-                    }, [
-                      I(ye, {
-                        checked: l.selected,
-                        class: "bb-table-radio",
-                        disabled: l.disabled,
-                        name: u(D),
-                        readonly: e.readonly,
-                        value: l.value,
-                        onChange: () => j(l)
-                      }, null, 8, ["checked", "disabled", "name", "readonly", "value", "onChange"]),
-                      s("span", qe, p(l.accessibleLabel), 1)
-                    ], 2))
-                  ])
-                ], 2)) : k("", !0),
-                (n(!0), d(w, null, T(l.cols, (c) => (n(), d("td", {
-                  key: c.key,
-                  class: r(["bb-table-data__cell", c.classes])
-                }, [
-                  f(e.$slots, c.slotName, {
-                    classes: c.classes,
-                    content: c.content,
-                    item: l.item,
-                    value: l.value
-                  }, () => [
-                    be(p(c.content), 1)
-                  ])
-                ], 2))), 128)),
-                e.actions ? (n(), d("td", {
-                  key: 1,
-                  class: r(["bb-table__cell bb-table__cell--actions", e.tdClass])
-                }, [
-                  f(e.$slots, "actions", {
-                    item: l.item,
-                    value: l.value
-                  })
-                ], 2)) : k("", !0)
-              ], 40, Oe))), 128))
-            ]) : f(e.$slots, "no-data", { key: 1 }, () => [
-              s("tr", Re, [
-                s("td", {
-                  class: "bb-table-no-data__cell",
-                  colspan: H.value
-                }, [
-                  s("span", ze, p(u(W)), 1)
-                ], 8, Ie)
-              ])
-            ])
+          append: a((o) => [
+            i(e.$slots, "append", l(r(o)))
           ]),
-          s("tfoot", null, [
-            f(e.$slots, "tfoot")
-          ])
-        ]),
-        (n(!0), d(w, null, T(ae.value, (l) => (n(), d("input", re({
-          key: l.value,
-          ref_for: !0
-        }, l), null, 16))), 128))
+          _: 2
+        }, 1040, ["id", "aria-describedby", "autofocus", "color", "dependencies", "deps-debounce-time", "direction", "disabled", "enforce-coherence", "has-errors", "hide-label", "item-text", "item-value", "items", "loading-text", "model-value", "model-value-debounce-time", "name", "no-data-text", "readonly"])
       ]),
       _: 3
-    }, 8, ["class"]));
+    }, 8, ["id", "errors", "has-errors", "hide-label", "hint", "label", "name", "reverse", "show-hint"]));
   }
 });
 export {
-  Xe as default
+  F as default
 };