bitboss-ui 2.0.38 → 2.0.39

package/dist/index33.js

@@ -1,132 +1,130 @@
-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 I, renderList as V, normalizeClass as B, toDisplayString as M } from "vue";
-import { booleanishToBoolean as D } from "./index210.js";
-import { identity as F } from "./index218.js";
-import { isCssColor as v } from "./index208.js";
-import { isNotNil as T } from "./index130.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"], N = /* @__PURE__ */ r("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), j = [
-  N
-], Q = /* @__PURE__ */ C({
-  __name: "BaseRating",
+import { defineComponent as L, ref as m, toRef as l, openBlock as E, createBlock as $, unref as p, withCtx as t, renderSlot as i, normalizeProps as f, guardReactiveProps as b, createVNode as B, mergeProps as v, createSlots as C } from "vue";
+import { useOptions as w } from "./index209.js";
+import q from "./index31.js";
+/* empty css        */
+import z from "./index210.js";
+/* empty css         */
+const N = /* @__PURE__ */ L({
+  __name: "BaseRadioGroup",
   props: {
     ariaDescribedby: {},
     autofocus: {},
     color: {},
+    dependencies: {},
+    depsDebounceTime: { default: 0 },
+    direction: { default: "horizontal" },
     disabled: { type: Boolean },
+    enforceCoherence: { type: Boolean },
     hasErrors: { type: Boolean },
+    hideLabel: { type: Boolean },
     id: {},
+    items: { type: [Array, Function], default: () => [] },
+    itemText: {},
+    itemValue: {},
+    loadingText: { default: "Caricamento..." },
     modelValue: {},
+    modelValueDebounceTime: { default: 0 },
     name: {},
+    noDataText: { default: "Nessun elemento da visualizzare" },
     readonly: {},
-    required: { type: Boolean },
-    stars: { default: 5 },
-    size: {}
+    required: { type: Boolean }
   },
   emits: ["blur", "change", "click", "focus", "inactive", "input", "keydown", "mousedown", "mouseup", "update:modelValue"],
-  setup(k, { emit: y }) {
-    const a = k, t = y, c = g(), o = g(!1), _ = {
-      onBlur: (e) => t("blur", e),
-      onChange: (e) => {
-        t("change", e), e.target instanceof HTMLInputElement && e.target.checked && t("update:modelValue", +e.target.value);
-      },
-      onClick: (e) => {
-        t("click", e), e.target instanceof HTMLInputElement && e.target.checked && +e.target.value === a.modelValue && t("update:modelValue", null);
-      },
+  setup(h, { emit: y }) {
+    const n = h, o = y, c = m(), r = m(!1), { innerLoading: g, options: T } = w({
+      dependencies: l(n, "dependencies"),
+      depsDebounceTime: n.depsDebounceTime,
+      disabled: l(n, "disabled"),
+      emit: o,
+      enforceCoherence: n.enforceCoherence,
+      items: l(n, "items"),
+      itemText: n.itemText,
+      itemValue: n.itemValue,
+      modelValue: l(n, "modelValue"),
+      modelValueDebounceTime: n.modelValueDebounceTime,
+      multiple: !1,
+      prefill: !0,
+      queryDebounceTime: 0,
+      resetQueryOnOptionSelected: !1,
+      stash: !1
+    }), k = {
+      onBlur: (e) => o("blur", e),
+      onChange: (e) => o("change", e),
+      onClick: (e) => o("click", e),
       onFocus: (e) => {
-        t("focus", e), o.value || (document.addEventListener("focusin", u, { passive: !0 }), document.addEventListener("click", d, { passive: !0 }), o.value = !0);
+        o("focus", e), r.value || (document.addEventListener("focusin", d, { passive: !0 }), document.addEventListener("click", u, { passive: !0 }), r.value = !0);
       },
-      onInput: (e) => t("input", e),
-      onKeydown: (e) => t("keydown", e),
-      onMousedown: (e) => t("mousedown", e),
-      onMouseup: (e) => t("mouseup", e)
-    }, u = (e) => {
-      var n;
-      e.target instanceof HTMLElement && ((n = c.value) != null && n.contains(e.target) || (t("inactive"), o.value = !1, document.removeEventListener("focusin", u), document.removeEventListener("click", d)));
+      onInput: (e) => o("input", e),
+      onKeydown: (e) => o("keydown", e),
+      onMousedown: (e) => o("mousedown", e),
+      onMouseup: (e) => o("mouseup", e),
+      "onUpdate:modelValue": (e) => o("update:modelValue", e)
     }, d = (e) => {
-      var n;
-      e.target instanceof HTMLElement && ((n = c.value) != null && n.contains(e.target) || (t("inactive"), o.value = !1, document.removeEventListener("focusin", u), document.removeEventListener("click", d)));
-    }, z = {
-      xs: 12,
-      sm: 16,
-      md: 24,
-      lg: 28,
-      xl: 36,
-      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, n) => n + 1).map((e) => {
-      const n = a.id ? [a.id, e].filter(F).join("_") : void 0, s = e === a.modelValue, b = !!(a.modelValue && e <= a.modelValue), L = !!(a.disabled || T(a.readonly) && D(a.readonly));
-      return {
-        checked: s,
-        disabled: L,
-        highlighted: b,
-        id: n,
-        name: a.name,
-        size: m.value,
-        value: e
-      };
-    })), E = f(() => {
-      let e = {};
-      return a.color && v(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)
-        },
-        style: e
-      };
-    });
-    return (e, n) => (l(), i("span", h(E.value, {
-      ref_key: "container",
-      ref: c
-    }), [
-      r("span", $, [
-        p(e.$slots, "prepend"),
-        (l(!0), i(I, null, V(w.value, (s, b) => (l(), i("label", {
-          key: s.value,
-          class: B(["bb-base-rating__option", { "bb-base-rating__option--highlighted": s.highlighted }])
-        }, [
-          r("span", q, M(s.value), 1),
-          r("input", h({
-            id: s.id,
-            "aria-describedby": e.ariaDescribedby,
-            autofocus: e.autofocus && !b,
-            checked: s.checked,
-            class: "sr-only",
-            disabled: s.disabled,
-            name: s.name,
-            required: e.required,
-            type: "radio",
-            value: s.value,
-            ref_for: !0
-          }, _), null, 16, x),
-          p(e.$slots, "icon", {
-            id: s.id,
-            checked: s.checked,
-            disabled: s.disabled,
-            size: s.size,
-            value: s.value
-          }, () => [
-            (l(), i("svg", {
-              height: s.size,
-              viewBox: "0 0 24 24",
-              width: s.size,
-              xmlns: "http://www.w3.org/2000/svg"
-            }, j, 8, H))
-          ])
-        ], 2))), 128)),
-        p(e.$slots, "append")
-      ])
-    ], 16));
+      var s;
+      e.target instanceof HTMLElement && ((s = c.value) != null && s.contains(e.target) || (o("inactive"), r.value = !1, document.removeEventListener("focusin", d), document.removeEventListener("click", u)));
+    }, u = (e) => {
+      var s;
+      e.target instanceof HTMLElement && ((s = c.value) != null && s.contains(e.target) || (o("inactive"), r.value = !1, document.removeEventListener("focusin", d), document.removeEventListener("click", u)));
+    };
+    return (e, s) => (E(), $(z, {
+      class: "bb-base-radio-group",
+      direction: e.direction,
+      "has-errors": e.hasErrors,
+      "hide-label": e.hideLabel,
+      loading: !!p(g),
+      "loading-text": e.loadingText,
+      "no-data-text": e.noDataText,
+      options: p(T)
+    }, {
+      prepend: t(() => [
+        i(e.$slots, "prepend")
+      ]),
+      loading: t(() => [
+        i(e.$slots, "loading")
+      ]),
+      "no-data": t(() => [
+        i(e.$slots, "no-data")
+      ]),
+      "option:prepend": t((a) => [
+        i(e.$slots, "option:prepend", f(b(a)))
+      ]),
+      input: t(({ option: a, index: V }) => [
+        B(q, v({
+          id: a.valueHash,
+          "aria-describedby": e.ariaDescribedby,
+          autofocus: e.autofocus && !V,
+          checked: a.selected,
+          color: e.color,
+          disabled: a.disabled,
+          "has-errors": e.hasErrors,
+          "model-value": n.modelValue,
+          name: e.name,
+          readonly: e.readonly,
+          required: e.required,
+          value: a.value
+        }, k), C({ _: 2 }, [
+          e.$slots.icon ? {
+            name: "icon",
+            fn: t((D) => [
+              i(e.$slots, "icon", v({
+                item: a.item,
+                text: a.text
+              }, D))
+            ]),
+            key: "0"
+          } : void 0
+        ]), 1040, ["id", "aria-describedby", "autofocus", "checked", "color", "disabled", "has-errors", "model-value", "name", "readonly", "required", "value"])
+      ]),
+      "option:append": t((a) => [
+        i(e.$slots, "option:prepend", f(b(a)))
+      ]),
+      append: t(() => [
+        i(e.$slots, "prepend")
+      ]),
+      _: 3
+    }, 8, ["direction", "has-errors", "hide-label", "loading", "loading-text", "no-data-text", "options"]));
   }
 });
 export {
-  Q as default
+  N as default
 };