bitboss-ui 2.0.38 → 2.0.40

package/dist/index35.js

@@ -1,384 +1,132 @@
-import { defineComponent as Me, defineAsyncComponent as Ne, ref as m, computed as y, toRef as I, openBlock as b, createBlock as $, normalizeClass as W, withCtx as r, renderSlot as p, unref as s, createVNode as F, createElementVNode as S, createElementBlock as M, Fragment as R, createCommentVNode as J, withDirectives as xe, isRef as He, withModifiers as c, withKeys as g, vModelDynamic as Pe, renderList as _e, mergeProps as Y, Teleport as ze, normalizeStyle as Qe, nextTick as Ke } from "vue";
-/* empty css       */
-/* empty css       */
-import { useId as Ue } from "./index8.js";
-import { useMobile as We } from "./index9.js";
-import Re from "./index123.js";
-/* empty css         */
-import { isNotNil as Je } from "./index130.js";
-import { last as Ye } from "./index219.js";
-import { matchAnyKey as j } from "./index227.js";
-import { useFloating as je } from "./index212.js";
-import { useIntersectionObserver as Ge } from "./index128.js";
-import { useLogger as Xe } from "./index204.js";
-import { useOptions as Ze } from "./index205.js";
-import { wait as T } from "./index127.js";
-import { when as et } from "./index209.js";
-import tt from "./index228.js";
-/* empty css         */
-import ot from "./index230.js";
-/* empty css         */
-import nt from "./index221.js";
-/* empty css         */
-import lt from "./index223.js";
-import { waitFor as at } from "./index202.js";
-import { autoUpdate as it, flip as rt, offset as st, shift as ut } from "./index225.js";
-const pt = { class: "bb-base-select__input-container" }, ct = ["id", "aria-controls", "aria-describedby", "aria-expanded", "autocomplete", "autofocus", "disabled", "inputmode", "placeholder", "readonly", "required", "onKeydown"], dt = /* @__PURE__ */ S("svg", {
-  class: "bb-base-select__chevron",
-  viewBox: "0 0 24 24",
-  xmlns: "http://www.w3.org/2000/svg"
-}, [
-  /* @__PURE__ */ S("path", {
-    d: "M7.41 8.58L12 13.17l4.59-4.59L18 10l-6 6l-6-6z",
-    fill: "currentColor"
-  })
-], -1), xt = /* @__PURE__ */ Me({
-  __name: "BaseSelect",
+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 "./index240.js";
+import { identity as F } from "./index233.js";
+import { isCssColor as v } from "./index211.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({
+  __name: "BaseRating",
   props: {
-    addOptions: { type: Boolean },
-    allowWriting: { type: [Boolean, String], default: !0 },
-    "append:icon": {},
     ariaDescribedby: {},
-    autocomplete: {},
     autofocus: {},
-    comma: { type: Boolean },
-    dependencies: { default: () => [] },
-    depsDebounceTime: { default: 0 },
+    color: {},
     disabled: { type: Boolean },
-    enforceCoherence: { type: Boolean },
-    filterBy: { type: [String, Array, Boolean, Function, null], default: () => [] },
     hasErrors: { type: Boolean },
     id: {},
-    items: {},
-    itemText: {},
-    itemValue: {},
-    loading: { type: Boolean },
-    loadingText: { default: "Caricamento..." },
     modelValue: {},
-    modelValueDebounceTime: { default: 0 },
-    multiple: { type: Boolean },
     name: {},
-    noDataText: { default: "Nessun elemento da visualizzare" },
-    placeholder: {},
-    prefill: { type: [Boolean, String], default: "focus" },
-    "prepend:icon": {},
-    queryDebounceTime: { default: 500 },
-    readonly: { type: Boolean },
+    readonly: {},
     required: { type: Boolean },
-    resetQueryOnOptionSelected: { type: Boolean },
-    stash: { type: Boolean },
-    transitionDuration: { default: 300 },
-    updateOnAnimationFrame: { type: Boolean, default: !1 }
+    stars: { default: 5 },
+    size: {}
   },
-  emits: ["blur", "change", "click", "focus", "inactive", "input", "update:modelValue"],
-  setup(G, { emit: X }) {
-    const t = G, h = X;
-    if (t.multiple && !Array.isArray(t.modelValue))
-      throw new Error('Multiple is set to "true" but modelValue is not an array.');
-    const Z = Ne(() => import("./index226.js")), A = m(null), B = m(null), a = m(null), N = m(null), x = m(null), u = y(
-      () => t.comma ? N.value : x.value
-    ), { isMobile: ee } = We(), te = y(
-      () => t.allowWriting === "not-mobile" && ee.value ? "none" : void 0
-    ), H = t.id || Ue().id.value;
-    Ge(
-      B,
-      ([{ intersectionRatio: e }]) => {
-        e !== 1 && O();
+  emits: ["blur", "change", "click", "focus", "inactive", "input", "keydown", "mousedown", "mouseup", "update:modelValue"],
+  setup(k, { emit: y }) {
+    const a = k, n = y, u = g(), o = g(!1), _ = {
+      onBlur: (e) => n("blur", e),
+      onChange: (e) => {
+        n("change", e), e.target instanceof HTMLInputElement && e.target.checked && n("update:modelValue", +e.target.value);
       },
-      { threshold: [0, 1] }
-    );
-    const { floatingStyles: oe } = je(
-      B,
-      a,
-      {
-        placement: "bottom",
-        whileElementsMounted: it,
-        middleware: [rt(), st(5), ut()]
-      }
-    ), ne = y(() => {
-      var o;
-      const e = {
-        ...oe.value,
-        zIndex: "10"
-      };
-      return B.value && (e.width = `${(o = B.value) == null ? void 0 : o.$el.clientWidth}px`), e;
-    }), q = m(null), E = () => {
-      q.value instanceof HTMLInputElement && q.value.focus();
-    }, le = async (e) => {
-      h("focus", e), Ae(), document.addEventListener("click", k), document.addEventListener("focusin", k);
-    }, ae = () => {
-      t.prefill === "focus" && !Oe.value && !Ce.value && Be();
-    }, ie = async (e) => {
-      h("blur", e);
-    }, re = (e) => h("change", e), se = (e) => {
-      var o;
-      h("input", e), l.value === "" && (t.multiple || ke(null)), (o = u.value) == null || o.blur(), Ie();
-    }, k = async (e) => {
-      if (e.target instanceof Node && A.value && a.value && !A.value.$el.contains(e.target) && !a.value.$el.contains(e.target)) {
-        O(), qe(), document.removeEventListener("click", k), document.removeEventListener("focusin", k), await T(t.transitionDuration), he();
-        return;
-      }
-    }, w = y(() => !(t.readonly || t.disabled || D.value || !u.value && t.multiple)), ue = async () => {
-      var e, o, n;
-      w.value && ((e = u.value) == null || e.blur(), d.value ? (o = a.value) == null || o.focusPrevious() : (await V(), await T(t.transitionDuration), (n = a.value) == null || n.focusLastSelected()));
-    }, pe = async () => {
-      var e, o, n;
-      w.value && ((e = u.value) == null || e.blur(), d.value ? (o = a.value) == null || o.focusNext() : (await V(), await T(t.transitionDuration), (n = a.value) == null || n.focusFirstSelected()));
-    }, ce = (e) => {
-      var n, i, f, C;
-      if (!w.value || !t.multiple || l.value || (e.preventDefault(), (n = a.value) == null || n.blur(), !v.value.length)) return;
-      (i = u.value) == null || i.focusPrevious();
-      const o = (f = u.value) == null ? void 0 : f.getHighlighted();
-      o && ((C = a.value) == null || C.focusByHash(o.valueHash));
-    }, de = (e) => {
-      var n, i, f, C;
-      if (!w.value || !t.multiple || l.value || (e.preventDefault(), (n = a.value) == null || n.blur(), !v.value.length)) return;
-      (i = u.value) == null || i.focusNext();
-      const o = (f = u.value) == null ? void 0 : f.getHighlighted();
-      o && ((C = a.value) == null || C.focusByHash(o.valueHash));
-    }, fe = async () => {
-      var e, o;
-      if (w.value) {
-        if (!d.value)
-          await V(), await T(t.transitionDuration), v.value.length && ((e = a.value) == null || e.focusFirstSelected());
-        else if ((o = a.value) != null && o.getHighlighted())
-          a.value.confirmOption();
-        else if (t.addOptions) {
-          if (t.itemText || t.itemValue) {
-            const { error: i } = Xe();
-            i(
-              `Adding an option for mapped items is not supported. You can't create an option while passing "item-text" or "item-value".`
-            );
-            return;
-          }
-          const n = l.value.trim();
-          if (De(n)) return;
-          be(), z(Ye(Ve.value));
-        }
-      }
-    }, me = async () => {
-      d.value && await O();
-    }, ve = async () => {
-      var e, o;
-      !w.value || l.value || !v.value.length || ((e = u.value) != null && e.getHighlighted() && u.value.confirmOption(), await Ke(), (o = u.value) == null || o.focusPrevious());
-    }, ye = t.prefill === !0 || !t.multiple && Je(t.modelValue) || t.multiple && !!t.modelValue.length, {
-      query: l,
-      alignQueryToState: he,
-      addCurrentQueryToManualItems: be,
-      innerLoading: P,
-      options: _,
-      selectedOptions: v,
-      selectOption: ge,
-      unselectOption: we,
-      prefillItems: Be,
-      isPrefilling: Oe,
-      hasPrefilled: Ce,
-      updateModelValue: ke,
-      valueIsSelected: De,
-      manualItems: Ve,
-      searchByQuery: Ie
-    } = Ze({
-      emit: h,
-      itemText: t.itemText,
-      itemValue: t.itemValue,
-      modelValue: I(t, "modelValue"),
-      multiple: t.multiple,
-      resetQueryOnOptionSelected: t.resetQueryOnOptionSelected,
-      stash: t.stash,
-      items: I(t, "items"),
-      enforceCoherence: t.enforceCoherence,
-      prefill: ye,
-      modelValueDebounceTime: t.modelValueDebounceTime,
-      dependencies: I(t, "dependencies"),
-      depsDebounceTime: t.depsDebounceTime,
-      queryDebounceTime: t.queryDebounceTime,
-      disabled: I(t, "disabled")
-    }), $e = y(() => v.value.length ? "" : t.placeholder), D = y(() => !!(P.value || t.loading)), Te = y(() => {
-      let e = [];
-      const o = v.value.some(
-        (i) => i.text === l.value
-      );
-      return (t.multiple && l.value || l.value && !o && !t.multiple) && t.filterBy ? e = _.value.filter((i) => {
-        let f = !1;
-        return typeof t.filterBy == "function" ? f = t.filterBy(i.value, i.item) : Array.isArray(t.filterBy) && t.filterBy.length && (f = f || j(i.item, t.filterBy, l.value.trim())), f || j(i, ["text"], l.value.trim());
-      }) : e = _.value, e;
-    }), z = (e) => {
-      ge(e), E(), t.multiple || O();
-    }, Q = (e) => {
-      we(e), E();
-    }, d = m(!1), K = m(!0), U = m(!1), V = async () => {
-      U.value = !0, await at(() => !!a.value), K.value = !1, d.value = !0;
-    }, O = async () => {
-      var e;
-      d.value = !1, K.value = !0, (e = u.value) == null || e.blur();
-    }, Se = () => d.value ? O() : V(), L = m(!1), Ae = () => {
-      L.value = !0;
-    }, qe = () => {
-      L.value = !1, h("inactive");
-    }, Ee = (e) => {
-      e.preventDefault(), h("click", e), !(t.disabled || t.readonly) && (E(), Se());
-    }, Le = et(
-      (e) => typeof e != "string",
-      JSON.stringify
-    ), Fe = y(() => [].concat(t.modelValue).map((e) => {
-      const o = Le(e);
+      onClick: (e) => {
+        n("click", e), e.target instanceof HTMLInputElement && e.target.checked && +e.target.value === a.modelValue && n("update:modelValue", null);
+      },
+      onFocus: (e) => {
+        n("focus", e), o.value || (document.addEventListener("focusin", c, { passive: !0 }), document.addEventListener("click", d, { passive: !0 }), o.value = !0);
+      },
+      onInput: (e) => n("input", e),
+      onKeydown: (e) => n("keydown", e),
+      onMousedown: (e) => n("mousedown", e),
+      onMouseup: (e) => n("mouseup", e)
+    }, c = (e) => {
+      var t;
+      e.target instanceof HTMLElement && ((t = u.value) != null && t.contains(e.target) || (n("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) || (n("inactive"), o.value = !1, document.removeEventListener("focusin", c), 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, t) => t + 1).map((e) => {
+      const t = 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 {
-        disabled: t.disabled,
-        name: t.name,
-        type: "hidden",
-        value: o
+        checked: s,
+        disabled: L,
+        highlighted: b,
+        id: t,
+        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, o) => (b(), $(lt, {
-      ref_key: "outerContainer",
-      ref: A,
-      class: W({
-        "bb-base-select": !0,
-        "bb-base-select--active": L.value,
-        "bb-base-select--shown": d.value,
-        "bb-base-select--loading": D.value,
-        "bb-base-select--disabled": e.disabled,
-        "bb-base-select--errors": e.hasErrors,
-        "bb-base-select--readonly": e.readonly
-      }),
-      onClick: Ee
-    }, {
-      "prepend-outer": r(() => [
-        p(e.$slots, "prepend-outer", { query: s(l) })
-      ]),
-      "append-outer": r(() => [
-        p(e.$slots, "append-outer", { query: s(l) })
-      ]),
-      default: r(() => [
-        F(nt, {
-          ref_key: "innerContainer",
-          ref: B,
-          "append:icon": t["append:icon"],
-          "prepend:icon": t["prepend:icon"]
-        }, {
-          prepend: r(() => [
-            p(e.$slots, "prepend", { query: s(l) })
-          ]),
-          prefix: r(() => [
-            p(e.$slots, "prefix")
-          ]),
-          append: r(() => [
-            p(e.$slots, "append", { query: s(l) })
-          ]),
-          suffix: r(() => [
-            p(e.$slots, "suffix")
-          ]),
-          default: r(() => [
-            F(s(Re), { tag: "span" }, {
-              default: r(() => [
-                S("span", pt, [
-                  e.multiple ? (b(), M(R, { key: 0 }, [
-                    e.comma ? (b(), $(ot, {
-                      key: 0,
-                      ref_key: "commaBox",
-                      ref: N,
-                      options: s(v)
-                    }, null, 8, ["options"])) : (b(), $(tt, {
-                      key: 1,
-                      ref_key: "chipsBox",
-                      ref: x,
-                      options: s(v),
-                      "onOption:unselected": Q
-                    }, null, 8, ["options"]))
-                  ], 64)) : J("", !0),
-                  xe(S("input", {
-                    id: s(H),
-                    ref_key: "input",
-                    ref: q,
-                    "onUpdate:modelValue": o[0] || (o[0] = (n) => He(l) ? l.value = n : null),
-                    "aria-autocomplete": "list",
-                    "aria-controls": `${s(H)}_listbox`,
-                    "aria-describedby": e.ariaDescribedby,
-                    "aria-expanded": d.value,
-                    autocomplete: e.autocomplete,
-                    autofocus: e.autofocus,
-                    class: W("bb-base-select__text-input"),
-                    disabled: e.disabled,
-                    inputmode: te.value,
-                    placeholder: $e.value,
-                    readonly: e.readonly || !e.allowWriting,
-                    required: e.required && !e.multiple || e.multiple && !e.modelValue.length,
-                    role: "combobox",
-                    type: "text",
-                    onBlur: c(ie, ["stop"]),
-                    onChange: c(re, ["stop"]),
-                    onFocusOnce: c(ae, ["stop"]),
-                    onFocus: c(le, ["stop"]),
-                    onInput: c(se, ["stop"]),
-                    onKeydown: [
-                      g(c(ve, ["stop"]), ["delete"]),
-                      g(c(ce, ["stop"]), ["left"]),
-                      g(c(pe, ["stop", "prevent"]), ["down"]),
-                      g(c(fe, ["stop", "prevent"]), ["enter"]),
-                      g(c(me, ["stop", "prevent"]), ["esc"]),
-                      g(c(ue, ["stop", "prevent"]), ["up"]),
-                      g(c(de, ["stop"]), ["right"])
-                    ]
-                  }, null, 40, ct), [
-                    [Pe, s(l)]
-                  ])
-                ])
-              ]),
-              _: 1
-            }),
-            p(e.$slots, "chevron", {
-              loading: !!s(P),
-              shown: d.value
-            }, () => [
-              dt
-            ])
-          ]),
-          _: 3
-        }, 8, ["append:icon", "prepend:icon"]),
-        (b(!0), M(R, null, _e(Fe.value, (n) => (b(), M("input", Y({
-          key: n.value,
-          ref_for: !0
-        }, n), null, 16))), 128)),
-        U.value ? (b(), $(ze, {
-          key: 0,
-          to: "body"
+    });
+    return (e, t) => (l(), i("span", h(E.value, {
+      ref_key: "container",
+      ref: u
+    }), [
+      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 }])
         }, [
-          F(s(Z), {
-            ref_key: "optionsContainer",
-            ref: a,
-            loading: D.value,
-            open: d.value,
-            options: Te.value,
-            style: Qe(ne.value),
-            "onOption:selected": z,
-            "onOption:unselected": Q
-          }, {
-            "options:prepend": r(() => [
-              p(e.$slots, "options:prepend")
-            ]),
-            loading: r(() => [
-              p(e.$slots, "loading", { query: s(l) })
-            ]),
-            "no-data": r(() => [
-              p(e.$slots, "no-data", { query: s(l) })
-            ]),
-            "options:append": r(() => [
-              p(e.$slots, "options:append")
-            ]),
-            option: r((n) => [
-              p(e.$slots, "option", Y({
-                hasErrors: e.hasErrors,
-                loading: D.value
-              }, n))
-            ]),
-            _: 3
-          }, 8, ["loading", "open", "options", "style"])
-        ])) : J("", !0)
-      ]),
-      _: 3
-    }, 8, ["class"]));
+          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"
+            }, t[0] || (t[0] = [
+              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)
+            ]), 8, H))
+          ])
+        ], 2))), 128)),
+        p(e.$slots, "append")
+      ])
+    ], 16));
   }
 });
 export {
-  xt as default
+  J as default
 };